chrome的tab搜索功能

1,491 阅读1分钟

利用地址栏进行搜索

在地址栏上输入github地址,然后按tab键,可以直接在github站内进行搜索

现在很多流行的浏览器,默认都支持地址栏的右边有个搜索框,这样的设计有利于用户快速的搜索内容,默认是使用google搜索服务.其实这是 OpenSearch 的一个应用,只要编写相应的微格式的 xml 文件,就可以制定相应的搜索框。参考 OpenSearch 的定义文档,可以基本获得基本的 xml 格式。比如github的openSearch

使用方法

  1. 加入 link 标记的方式非常简单,格式如下

    <link rel=”search” type=”application/opensearchdescription+xml” 
    href=”https://lzw.me/search.xml” title=”搜索” />
    

    rel 和 type 是固定的,我们主要指定 href 及 title (也就是搜索的短标题)即可。如此后,在 Chrome 、Firefox等支持该协议的浏览器中打开次页面,就可以实现对应功能及效果了

  2. 使用 JavaScript 事件触发方式

    有时大家可能会认为,如此默认直接给浏览器添加的搜索并不是用户所需要的,而且不被用户所理解的情况下被发现反而会造成疑惑。那么我们也可以使用 JavaScript 事件触发方式,引导用户主动选择添加对其可能实用的此功能。

    使用 Javascript 方法,主要是利用浏览器的脚本扩展功能,Firefox3 与 Chrome 均提供了 window.external 对象,例如,他们都默认的实现了opensearch的两个外部方法:

    AddSearchProvider 和 IsSearchProviderInstalled
    

    而在 IE 浏览器中默认有个 window.external.AddSearchProvider 参数,典型的调用方法如下

    window.external.AddSearchProvider(‘https://lzw.me/search.xml’);
    

    当此函数事件触发后,就加入到浏览器搜索框中了。