当前位置:首页 > 前端 > 正文内容

实现 OpenSearch(Tab to Search)功能

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

在网站上添加了 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" />


分享给朋友:

相关文章

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20...

微信小程序强制热更新

微信小程序强制热更新

微信小程序分为冷启动和热启动,在更新后,一般需要一个周期,用户端才会重新更新。官方从小程序基础库版本1.9.90开始支持强制更新异步更新 + 强制更新方案介绍从基础库 1.9.90 开始,我们提供了&...

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

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

一个很漂亮的404页面

一个很漂亮的404页面

下载地址:404.zip...

vue踩坑记20201027

elemeui/antd等框架,再使用复选框、下拉选择框时,如果通过v-model绑定了值,那么选择时,界面不会改变。方法一:使用default-value指定默认值,@change去改变本该v-mo...

UNIAPP内容区域高度定义

代码如下height: calc(100vh - var(--window-top) - var(--window-bottom));CSS变量uni...

发表评论

访客

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