Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Chrome usually handles this through user preferences. (via <code>chrome://settings/searchEngines</code>)</p> <p>However, if you'd like to implement this specifically for your users, you need to add a OSD (Open Search Description) to your site.</p> <p><a href="https://stackoverflow.com/questions/1317051/making-usage-of-google-chromes-omnibox-tab-feature-for-on-personal-website">Making usage of Google Chrome&#39;s OmniBox [TAB] Feature for/on personal website?</a></p> <p>You then add this XML file to the root of your site, and link to it in your <code>&lt;head&gt;</code> tag:</p> <pre><code>&lt;link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml" /&gt; </code></pre> <p>Now, visitors to your page will automatically have your site's search information placed into Chrome's internal settings at <code>chrome://settings/searchEngines</code>.</p> <h2>OpenSearchDescription XML Format Example</h2> <pre><code>&lt;OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"&gt; &lt;ShortName&gt;Your website name (shorter = better)&lt;/ShortName&gt; &lt;Description&gt; Description about your website search here &lt;/Description&gt; &lt;InputEncoding&gt;UTF-8&lt;/InputEncoding&gt; &lt;Image width="16" height="16" type="image/x-icon"&gt;your site favicon&lt;/Image&gt; &lt;Url type="text/html" method="get" template="http://www.yoursite.com/search/?query={searchTerms}"/&gt; &lt;/OpenSearchDescription&gt; </code></pre> <p>The important part is the <code>&lt;url&gt;</code> item. <code>{searchTerms}</code> will be replaced with what the user searches for in the omnibar.</p> <p>Here's a link to <a href="http://www.opensearch.org/Home" rel="noreferrer">OpenSearch</a> for more information.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload