{"id":477,"date":"2012-09-15T11:08:53","date_gmt":"2012-09-15T05:38:53","guid":{"rendered":"http:\/\/www.harshbaid.in\/?p=477"},"modified":"2015-02-19T22:57:23","modified_gmt":"2015-02-19T17:27:23","slug":"how-to-enable-press-tab-to-search-in-google-chrome-and-mozilla-firefox-on-your-website","status":"publish","type":"post","link":"https:\/\/www.harshbaid.in\/2012\/09\/15\/how-to-enable-press-tab-to-search-in-google-chrome-and-mozilla-firefox-on-your-website\/","title":{"rendered":"How to enable press tab to search in Google Chrome and Mozilla Firefox on your website"},"content":{"rendered":"

Today, I learned something new while using StackOverflow in google chrome<\/a> that it provides special area in browser’s address bar<\/a> to search on the site even before you visit the site. I think this is very good feature as user can find the things very quickly on your site and get the expected output as soon as possible without having to see unnecessary\u00a0details.<\/p>\n

In image below you can see that I have enabled it for this site, it is visible in browser’s address bar and just below it you can compare it with the StackOverflow’s search in address bar.<\/p>\n

\"Open<\/a>
Open Search on www.harshbaid.in<\/a><\/figcaption><\/figure>\n

 <\/p>\n

\"Open<\/a>
Open Search on www.stackoverflow.com<\/a><\/figcaption><\/figure>\n

You must be thinking that how to enable this for your own site or any other site that you are implementing,\u00a0that is very easy task. You need to add OpenSearch XML on your site and link the OpenSearch XML document in html head section.<\/p>\n

Example Usage<\/h1>\n

opensearch.xml<\/strong><\/h2>\n
<OpenSearchDescription xmlns="http:\/\/a9.com\/-\/spec\/opensearch\/1.1\/">\r\n    Example.com\r\n    Example.com Search\r\n    Search through Example.com\r\n\r\n    UTF-8\r\n    UTF-8\r\n    false\r\n    en-us\r\n    open\r\n    Example.com\r\n    tag1,tag2<\/pre>\n
\"\"<\/p>\n
http:\/\/example.com\/favicon.ico<\/pre>\n
Html link<\/strong><\/h2>\n
Place the below html code inside <head> element section of the site.<\/p>\n
opensearchdescription+xml" title="Example.com" href="http:\/\/www.example.com\/opensearch.xml"><\/pre>\n
What is OpenSearch<\/a> ?<\/h1>\n