OpenSearch 응용에 관한 예비 연구

많은 최신 브라우저에는 주소 표시줄 오른쪽에 검색창이 있으며, Google 검색이 기본적으로 설치되어 있습니다. 아래와 같이:

실제로 이것은 OpenSearch의 응용 프로그램입니다. 해당 마이크로 형식의 XML 파일을 작성하면 해당 검색 상자를 구성할 수 있습니다. OpenSearch의 정의 문서를 참조하면 기본적으로 기본 xml 형식을 얻을 수 있습니다. 예를 들어 일반적인 검색 xml 파일은 다음과 같이 지정할 수 있습니다.

utf-8 짧은 이름 설명 파비콘

위의 xml 파일은 고정된 xml 루트를 제외하고 다른 정의를 문자 그대로 이해하기 쉽습니다.

• InputEncoding은 웹사이트의 실제 상황에 따라 검색 인코딩을 지정합니다.
• ShortName "Google 검색"과 같은 검색어의 짧은 이름입니다.
• 설명 "타오바오 쇼핑 검색 - 생각이 나지 않는 경우에는 찾을 수 없는 항목을 찾을 수 없습니다."와 같은 검색창에 대한 설명입니다.
• 이미지는 신원 검색에 사용되는 웹 페이지의 파비콘과 유사합니다.
• Url 검색 링크를 지정하는 가장 중요한 매개변수입니다. 여기에는 많은 매개변수가 있으며 일반적으로 검색어를 지정하려면 {searchTerms} 매개변수를 사용합니다. 매개변수 type="text/html"은 페이지가 반환됨을 나타냅니다(브라우저가 이 페이지로 이동합니다). 페이지가 다른 형식인 경우 해당 기본 프로그램을 사용하여 열립니다(예: type="application/ rss+xml"이 사용됨) RSS 리더가 열려 있음).

OpenSearch의 xml 형식 작성이 완료되었습니다. 자세한 내용은 OpenSearch 정의 문서를 참조하세요. 다음으로 이 검색을 페이지에 추가해야 합니다. 기본적으로 두 가지 방법이 있습니다. 페이지 헤드에 링크 태그를 추가하고(RSS와 유사) Javascript를 사용하여 추가합니다(예: 트리거할 버튼 정의). 링크 태그를 추가하는 것은 매우 간단하며 형식은 다음과 같습니다.

RSS와 마찬가지로 rel과 type은 고정되어 있습니다. 우리는 주로 href(위 xml의 url 경로, 안전을 위해 절대 경로, 즉 http://로 시작하는 경로)와 title(즉, 짧은 경로)을 사용합니다. 검색 제목). 이런 식으로 Explorer 및 Firefox에서 이 페이지를 열면 그림과 같이 해당 메뉴를 볼 수 있습니다.

Javascript를 사용하여 추가하는 것이 더 번거롭습니다(아마 지금 상황은 훨씬 나아질 것입니다). 우리는 주로 브라우저 확장 기능을 사용합니다. Explorer에는 window.external.AddSearchProvider 매개변수가 있습니다(자세한 문서). 일반적인 호출 방법은 다음과 같습니다

매개변수의 링크는 위 링크의 내용입니다. Firefox에서 사용 가능

매개변수와 예제는 샘플 코드(공식 문서)에 설명된 대로입니다. Firefox2 및 이후 버전은 Explorer의 window.external.AddSearchProvider 호출 메서드(세부 사항)와 "호환"되었다는 점은 주목할 가치가 있습니다. 그런 다음 해당 Javascript 코드를 다음과 같이 작성할 수 있습니다(Firefox2 이전 버전과 호환되도록 판단하면 추가하고 필요하지 않다고 생각하면 추가할 수 없습니다).

이렇게 하면 링크나 버튼의 클릭 이벤트에 이 기능을 등록할 수 있으며, 그림과 같이 사용자가 확인을 클릭하면 브라우저 검색창에 추가됩니다.