如何将网站的搜索功能加入到浏览器的搜索框 (IE7/FF2)

1.效果图:

opensearchIE7 addopensearchIE7

Internet Explorer 7

 

opensearchFF3 addopensearchFF2

Firefox 2/3

 

2. 实现方式

  1. 创建一个包含Open Search协议的XML文档. 新手可以访问 http://www.microsoft.com/windows/ie/searchguide/, 利用微软提供的这个页面方便快速生成这个XML文档代码(点View XML), 然后保存到你的网站目录中 (比如 /opensearch-microsoft.com.xml)
  2. 在你的网页里<head>标记中间加入 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch-microsoft.com.xml" title="Microsoft.com" />, 这样左边图的效果就出现了. :-)
  3. 在你的网页内容区里放一个按钮 (推荐放在"搜索"按钮的旁边), 给按钮加上 onclick="window.external.AddSearchProvider('http://域名/opensearch-microsoft.com.xml');", 点击按钮后, 右边图的效果就出来了. ^_^
  4. Firefox可以在添加搜索时加上图标, 一般网站的图标都放在 /favicon.ico, 你可以打开 opensearch-microsoft.com.xml 加入 <Image type="image/x-icon">http://域名/favicon.ico</Image>.

 

 

3. 关于Safari

目前Safari还支持用户直接添加搜索, 不过有个Safari的插件已经提供此类功能, 详情见 http://www.inquisitorx.com/safari/

posted @ 2008-08-13 17:03  Eric Fine  阅读(522)  评论(0)  编辑  收藏  举报