怎麼讓網站在輸入網址後按 tab 就可以直接搜尋網站內容(OpenSearch)

無意間注意到 Chrome 在網址列輸入 youtube 時會提示按下 tab, 按下 tab 後網址列會出現 搜尋 YouTube 影片搜尋 的前綴，接著就可以直接搜尋 youtube 上的影片，覺得滿方便的，所以就來看看可以怎麼做吧

youtube 效果

1youtubetab

直接搜尋 yoututbe 影片

設定方式

程式加上可接受查詢字串
- 讓網站有位置可以接住帶進來的查詢字串
- 這邊先不做事，查詢字串內容直接顯示出來

設定 OpenSearch 描述文件

2-1. 新增檔案
- 專案右鍵–> Add –> New Item…
2-2. 選擇 XML 檔
- Data–> XML File

2-3. 加入 OpenSearch 描述內容

<?xml version="1.0" encoding="UTF-8"?>
 <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>yowko Search</ShortName>
  <Description>Use localhost to search the Web.</Description>
  <Tags>example web</Tags>
  <Contact>[email protected]</Contact>
  <Url type="text/html"
      template="http://localhost:18735/search/index?q={searchTerms}"/>
</OpenSearchDescription>

editxml

引用 OpenSearch 描述文件

在 head 區域中加上

<link rel="search"
         type="application/opensearchdescription+xml"
         href="http://localhost:18735/opensearch.xml"
         title="Content search" />

include