当前位置: 首页 > 面试题库 >

如何为您的网站添加google chrome多功能框搜索支持?

夏长卿
2023-03-14
问题内容

当我在Google Chrome浏览器多功能框中输入一些URL时,我看到消息“按TAB键搜索$
URL”。例如,有些俄罗斯站点habrahabr.ru或yandex.ru。当您按下TAB键时,您将可以在该站点中搜索,而不是在搜索引擎中。如何使我的网站能够使用它?也许我需要在网站页面上写一些特殊的代码?


问题答案:

Chrome通常通过用户首选项来处理此问题。(通过chrome://settings/searchEngines

但是,如果您想专门为您的用户实施此操作,则需要向您的站点添加OSD(打开搜索描述)。

是否在个人网站上使用Google Chrome的OmniBoxTAB]功能

然后,您将此XML文件添加到网站的根目录,并在您的<head>标记中链接到该文件:

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

现在,您网页的访问者将自动在的Chrome内部设置中放置您网站的搜索信息chrome://settings/searchEngines

OpenSearchDescription XML格式示例

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Your website name (shorter = better)</ShortName>
<Description>
Description about your website search here
</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">your site favicon</Image>
<Url type="text/html" method="get" template="http://www.yoursite.com/search/?query={searchTerms}"/>
</OpenSearchDescription>

重要的部分是<url>项目。 {searchTerms}将被用户在多功能栏中搜索的内容替换。

这是OpenSearch的链接,以获取更多信息。



 类似资料:
  • elasticSearch安装 elasticSearch服务的安装请见我的上一篇文章《教你成为全栈工程师(Full Stack Developer) 二十四-ES(elasticsearch)搜索引擎安装和使用》 elastic-bundle插件安装 需要在我们的symfony2项目中安装elastic-bundle插件,执行 [root@centos7vm mywebsite]# compo

  • 但我需要一个解释,因为代码的工作方式与预期的不同。 我想在我的网站上有一个链接,用户可以点击whatsapp链接,开始与联系人的对话。 我添加的代码是这样的: null 这段代码在Android和iPhone上都可以使用,但它不允许我添加自定义联系号码: abid只能是已保存在您手机中的联系人的ID,否则它将打开whatsapp中的联系人选择页面 请不要在没有内容解释的情况下分享链接,因为我不是一

  • Drupal允许搜索您网站上的特定内容。 您可以在网站上搜索用户和文字。 我们将在以下步骤中指定如何在Drupal中设置站点搜索 - Step 1 - 转到“ Configuration ,然后单击“ SEARCH AND METADATA部分下的“ Search settings链接。 Step 2 - 搜索引擎维护您网站内容中的字词索引。 您可以调整索引行为,如以下屏幕所示。 Indexing

  • 例如,我从官方页面下载了预构建的ODL。然后我想把烤面包机样本作为一个新的氧气模块,它是用命令创建的: 编译之后,它将生成构建文件到本地maven存储库()。我将复制到Karaf默认存储库文件夹。然后我想让它在中可用,这样我就可以用进行安装。首先我需要将其添加到回购列表中: 不幸的是,它显示了一个错误: 执行命令时出错:错误解析工件com.example.toaster:features-toas

  • 本文向大家介绍Bootstrap框架下下拉框select搜索功能,包括了Bootstrap框架下下拉框select搜索功能的使用技巧和注意事项,需要的朋友参考一下 之前用Easyui框架下做的下拉框选择,虽然可以搜索,但是有诸多的不便:比如,不能模糊匹配,必须按照第一个字母来搜索 心血来潮,想换个框架写后台,然后用Bootstrap搭了个架子,然后两种样式冲突,百度了一把,找到了另一个牛逼的基于B

  • 原始关闭原因未解决 我只找到了有关实时数据库而不是fiRecovery的答案,我希望能够让用户搜索名称并取回所有匹配的文档。我正在使用一个文本字段来调用文本字段文本的函数onChange(也限制为每2秒调用一次以减少调用量)。 这就是同一集合中每个文档的建模方式。我只想获取字段“name”与文本字段搜索文本匹配的文档。到目前为止,我已经尝试过: 我可以让代码工作的唯一方法是使用Anywhere F