Як створити функцію пошуку на сайті в адресному рядку Chrome?

Коли ви переходите на stackoverflow.com в Google Chrome і якщо ви поміщаєте пробіл останнього символу, адресний рядок змінюється на відповідний на моєму екрані, зробленому нижче.

Після цього ви можете натиснути Tab , і ви можете надрукувати що - небудь, і натискаючи клавішу ENTER призведе вас до сторінці пошуку з вашого пошуку: https://stackoverflow.com/search?q=anything.

Як я можу зробити те ж саме для свого сайту?

google-chrome site-search

— Я найдуріша людина
джерело

Я припускаю, що у них вже налаштований пошук на сайті, і вони просто хочуть налаштувати Chrome так, як це робить StackOverflow. Якщо це так, це дуже відповідальне питання, не надто широке взагалі.

— Стівен Остерміллер

Схоже, хтось на форумах продуктів Google це зрозумів: productforums.google.com/forum/#!msg/chrome/8EFOmC6pNLs/…

— Стівен Остерміллер

Деміт, ви хочете додати пошук на сайті з адресного рядка чи просто пошук на сайті з автозаповненням?

— Скотт C Вілсон

Наразі я лінивий, щоб написати хорошу відповідь, тож ось два посилання: opensearch.org/Documentation/Frequently_asked_questions та про втілення цього див .: opensearch.org/Specifications/OpenSearch/…

— Oskar Skog

@StephenOstermiller Я перечитав питання. Моє ліжко! Я мав на увазі здійснити пошук на сайті і якось пропустив справжній характер питання. Це гарне запитання. Ура !!

— closetnoc

Якщо припустити, що на вашому сайті є функція пошуку, ви можете скористатися функцією OpenSearch у Chrome.

Взяте з документації щодо хрому :

Щоб увімкнути це для всіх користувачів (навіть тих, хто не використовував вашу форму пошуку):

На домашній сторінці свого веб-сайту надайте посилання на документ із описом OpenSearch. Посилання на OSDD розміщується в заголовку html-файлу. Наприклад:

<head>
  <link type="application/opensearchdescription+xml"
        rel="search"
        href="url_of_osdd_file"/>
</head>

Важливою частиною цього документа є URL-адреса, яка використовується для пошуку вашого сайту.

Далі наведено приклад, який містить необхідний мінімальний мінімум, див. Специфікацію документа опису OpenSearch для списку значень, які можна вказати.

<?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>

Коли користувач натискає, введіть у поле "Omnibox" рядок {searchTerms} в URL-адресі замінюється рядком, який користувач набрав.

Ви також можете включити послугу пропозицій, додавши ще один елемент URL-адреси, rel="suggestions"наприклад:

<Url type="application/json"
     rel="suggestions"
     template="http://my_site/suggest?q={searchTerms}"
     />

Якщо ви включите це, то в універсальному вікні пошуку буде використано вашу послугу пропозицій для надання пропозицій щодо запитів на основі часткового запиту користувача.

Якщо у вашому вікні пошуку використовується запит GET, Chrome дозволить цю функцію використовувати для користувачів, які її використовують.

Якщо у вас немає сторінки пошуку на вашому сайті, це не працюватиме.

Реквізит до Стівена для початкового посилання.

— Джаф - Бен Дюгід
джерело