网站添加opensearch

· 2 min read

对于一个具备检索功能的站点，除了本身在站点内部点击页内检索等外，可以通过添加配置文件，从而让浏览器自动发现和提示添加新的搜索插件/扩展到浏览器的搜索栏中。

如何去做呢?

编写OpenSearch描述文件

vi opensearch.xml

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>进击之路</ShortName>
  <Description>文章检索</Description>
  <Contact>qianghe421@163.com</Contact>
  <InputEncoding>UTF-8</InputEncoding>
  <Url type="text/html" template="https://1991421.cn/tags/{searchTerms}"/>
  <Url type="application/x-suggestions+json"
       template="https://1991421.cn/tips?q={searchTerms}"/>
  <Image height="32" width="32" type="image/x-icon">https://1991421.cn/favicon.ico</Image>
</OpenSearchDescription>

HTML中添加引用

<link type="application/opensearchdescription+xml"
href="opensearch.xml" title="文章检索" rel="search" />

suggestion支持，后端返回结果集格式

res.json(["fir", ["firefox", "first choice", "mozilla firefox"]]);

其中，fir为用户输入的关键词

当然前提是网站本身具有搜索且支持GET参数传递即可。建立在这样一个前提下，向下看。

具体效果

Firefox下

Chrome下

Edge下

注意 edge下访问网页，自动会识别搜索支持，但是发现edge下只能改变缺省检索引擎，但是输入关键词，所带的suggestions提示仍然是bing的，真是醉了。。

IE支持?

大大的NO，查了很多资料，可以基本做出以下判断。很久的过去，在IE8当年，支持，但是IE9级以后访问，发现搜索工具栏的添加搜索，也只能选择既有的一些搜索，在开发者官网也没找到口子能够去提交，看来IE下目前不行。

写在最后

上述只是使用了部分设定，更详细的设置，看这里

Last updated on Feb 19, 2018