¿Cómo crear la función de búsqueda del sitio en la barra de direcciones de Chrome?


11

Cuando va a stackoverflow.com en Google Chrome y si coloca un espacio delante del último carácter, la barra de direcciones cambia a la de mi captura de pantalla a continuación.

A continuación, puede pulsar la tecla Tab y se puede escribir nada, y pulsando Intro le llevará a la página de búsqueda con el término de búsqueda: /programming//search?q=anything.

¿Cómo puedo hacer lo mismo para mi sitio?


Supongo que ya tienen configurada la búsqueda de sitios y solo quieren configurar Chrome de la manera en que lo hace StackOverflow. Si ese es el caso, es una pregunta muy respondible, no demasiado amplia en absoluto.
Stephen Ostermiller

3
Parece que alguien en los foros de productos de Google descubrió esto: productforums.google.com/forum/#!msg/chrome/8EFOmC6pNLs/…
Stephen Ostermiller

Damith, ¿deseas agregar una búsqueda en el sitio desde la barra de direcciones , o simplemente una búsqueda en el sitio con autocompletar?
Scott C Wilson

1
Soy demasiado flojo en este momento para escribir una buena respuesta, así que aquí hay dos enlaces: opensearch.org/Documentation/Frequency_asked_questions y para implementar esto, ver: opensearch.org/Specifications/OpenSearch/…
Oskar Skog

@StephenOstermiller Volví a leer la pregunta. ¡Culpa mía! Tenía en mente implementar una búsqueda en el sitio y de alguna manera extrañé la verdadera naturaleza de la pregunta. Esta es una buena pregunta. ¡¡Salud!!
closetnoc

Respuestas:


6

Suponiendo que tiene una función de búsqueda en su sitio, puede aprovechar la funcionalidad OpenSearch en Chrome.

Tomado de la documentación de Chromium :

Para habilitar esto para todos los usuarios (incluso aquellos que no han utilizado su formulario de búsqueda):

En la página de inicio de su sitio, proporcione un enlace a un documento de descripción de OpenSearch. El enlace al OSDD se coloca en la cabecera del archivo html. Por ejemplo:

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

La parte importante de este documento es la URL utilizada para buscar en su sitio.

El siguiente es un ejemplo que contiene el mínimo necesario, consulte la especificación del documento de descripción de OpenSearch para ver la lista de valores que puede especificar.

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

Cuando el usuario presiona enter en el Omnibox, la cadena {searchTerms} en la url se reemplaza por la cadena que el usuario escribió.

También puede incluir un servicio de sugerencias agregando otro elemento de URL con rel="suggestions":

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

Si incluye esto, el omnibox utilizará su servicio de sugerencias para proporcionar sugerencias de consulta basadas en la consulta parcial del usuario.

Si su cuadro de búsqueda usa una solicitud GET, Chrome habilitará esta función para los usuarios que la usan.

Si no tiene una página de búsqueda en su sitio, esto no funcionará.

Atrezzo a Stephen para el enlace inicial.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.