首页 > 解决方案 > 如何以角度实现从url栏直接搜索?

问题描述

所以我注意到,在 GitHub 上,您可以在“github.com”之后按空格键后直接搜索,URL 栏会像这样进入“搜索模式”(在 chrome 上) 在此处输入图像描述

如何将相同的功能添加到我的角度项目(角度 v9)

标签: javascriptangulartypescriptgoogle-chrome

解决方案


这被称为“Tab to Search”,是 Chrome/Chromium 和其他浏览器的一个功能,它是 OpenSearch 规范的实现。

启用此功能需要几个步骤:

  1. 添加<link rel="search" type="application/opensearchdescription+xml" href="url_of_osdd_file" title="Website Name">到页眉。

  2. 添加以下“OSDD”文件,从link步骤 1 中链接(这是最基本的选项集):

<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
 <ShortName>Search My Site</ShortName>
 <Description>Search My Site</Description>
 <Url type="text/html" method="get" template="http://my_site/{searchTerms}"/>
</OpenSearchDescription>

检查此以获取更多详细信息。

请记住,此功能可以添加到任何网站,但它确实需要网站本身支持/提供搜索功能(chrome 或 Google 本身不会使用此方法代表网站进行搜索) .


推荐阅读