Jak utworzyć funkcję wyszukiwania w przeglądarce na pasku adresu w Chrome?

11

Gdy wejdziesz na stackoverflow.com w Google Chrome i umieścisz spację przed ostatnim znakiem, pasek adresu zmieni się na ten na moim zrzucie ekranu poniżej.

Następnie można nacisnąć klawisz Tab i można wpisać cokolwiek, i naciśnięcie klawisza Enter spowoduje przejście do strony wyszukiwania z wyszukiwanym hasłem: https://stackoverflow.com/search?q=anything.

Jak mogę zrobić to samo dla mojej witryny?

Jestem najgłupszą osobą
źródło
Zakładam, że mają już skonfigurowane wyszukiwanie w witrynie i chcą tylko skonfigurować Chrome tak, jak robi to StackOverflow. Jeśli tak jest, jest to pytanie, na które można odpowiedzieć, wcale nie za szerokie.
Stephen Ostermiller
3
Wygląda to tak, jakby ktoś na forach produktów Google zdobione to: productforums.google.com/forum/#!msg/chrome/8EFOmC6pNLs/...
Stephen Ostermiller
Damith, czy chcesz dodać wyszukiwanie w witrynie z paska adresu , czy po prostu wyszukiwanie w witrynie z funkcją autouzupełniania?
Scott C Wilson,
1
W tej chwili jestem zbyt leniwy, aby napisać dobrą odpowiedź, więc oto dwa linki: opensearch.org/Documentation/Frequently_asked_questions, a do implementacji tego patrz: opensearch.org/Specifications/OpenSearch/...
Oskar Skog
@StephenOstermiller Ponownie przeczytałem pytanie. Mój błąd! Miałem na myśli wdrożenie wyszukiwania w witrynie i jakoś mi brakowało prawdziwej natury pytania. To dobre pytanie. Twoje zdrowie!!
closetnoc

Odpowiedzi:

6

Zakładając, że masz funkcję wyszukiwania w swojej witrynie, możesz skorzystać z funkcji OpenSearch w Chrome.

Zaczerpnięte z dokumentacji Chromium :

Aby włączyć to dla wszystkich użytkowników (nawet tych, którzy nie korzystali z formularza wyszukiwania):

Na stronie głównej witryny podaj link do dokumentu opisu OpenSearch. Łącze do OSDD znajduje się w nagłówku pliku HTML. Na przykład:

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

Ważną częścią tego dokumentu jest adres URL używany do wyszukiwania w Twojej witrynie.

Poniżej znajduje się przykład, który zawiera niezbędne minimum, zobacz specyfikację dokumentu opisu OpenSearch, aby uzyskać listę wartości, które możesz określić.

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

Gdy użytkownik naciśnie klawisz Enter w Omniboksie, ciąg {searchTerms} w adresie URL zostanie zastąpiony ciągiem wpisanym przez użytkownika.

Możesz także dołączyć usługę sugestii, dodając inny element adresu URL, na rel="suggestions"przykład:

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

Jeśli to uwzględnisz, omnibox użyje usługi sugestii, aby dostarczyć sugestie dotyczące zapytań na podstawie częściowego zapytania użytkownika.

Jeśli Twoje pole wyszukiwania używa żądania GET, Chrome włączy tę funkcję dla użytkowników, którzy z niej korzystają.

Jeśli nie masz strony wyszukiwania w swojej witrynie, to nie zadziała.

Podpowiada Stephenowi za początkowy link.

Zhaph - Ben Duguid
źródło