当前位置:首页 > 前端

实现 OpenSearch(Tab to Search)功能

Z先生10年前 (2016-06-28)前端6838

在网站上添加了 OpenSearch 功能以后,IE 7.0 和 Firefox 2.0 以上的浏览器就能够在自带的搜索栏里面添加这个网站的搜索功能了。


第一:原始网站支持GET传递参数搜索:


第二:编写 OpenSearch 描述文件:

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>Web Search</ShortName>
  <Description>Use Example.com to search the Web.</Description>
  <Tags>example web</Tags>
  <Contact>admin@example.com</Contact>
  <Url type="text/html" template="http://example.com/?q={searchTerms}"/>
</OpenSearchDescription>


第三:添加对 OpenSearch 描述文件的引用:

在网站的模板的 <head> 标记中添加一句:

<link type="application/opensearchdescription+xml" href="opensearch.xml" title="Web Search" rel="search" />


分享给朋友:

相关文章

H5手机上,禁用长按选择功能

1、屏蔽所有标签:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;…

简易CSS3仿照微信对话框

惯例,直接上代码HTML代码:<div class="say-box say-left"> <div class="s…

记vue/uniapp本地调试以及部署代理服务器设置哪些事

接触vue差不多也一年有余,很多概念性的东西都不懂,逐步已经习惯了npm来安装,之前其他同事做的一些项目,npm自己拿过来也踩了很多坑,比如换个环境再npm就跑不起来了等等之类的,遇到最多的就是scs…

VUE/UNIAPP事件传参

第一种方式使用data<view @click="handleClick" data-info="大家好">点击按钮</v…

巨坑:API在某些情况下POST请求会自动变成GET的解决方案

这个问题我已经不是第一次遇到了。之前没有收集整理,一般情况下,出现这种情况,都是有2次请求,一次301,在一次200,然后post就变成了get。一般出现这个情况,API接口和?之间不是反斜杠,导致3…

一个很漂亮的404页面

一个很漂亮的404页面

下载地址:404.zip…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。