Indizieren Sie Ihre Seiten offline mit der Content Indexing API

Permitir que los trabajadores del servicio le digan a los BrowserConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet Plus qué páginas funcionan sin conexión

12. Dezember 2019
Aktualisiert 26. Mai 2020

¿Qué es la APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene Plus von IndizierungGeneralmente, la indexación' se refiere a un método de adquisición de información (desarrollo de información), a través el cual los documentos se recopilan y clasifican en función de palabras clave. Después, se forma un índice que es semejante a una biblioteca. Los documentos indexados, en su mayoría contenido de texto, se preparan para una búsqueda de un documento específico o palabra clave y se les proporcionan descriptores. Si quieres una Plus von InhaltEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Plus?

Verwendung einer progressive Web-App Dies bedeutet, dass Sie unabhängig vom aktuellen Status Ihrer Netzwerkverbindung Zugriff auf die Informationen haben, die den Menschen wichtig sind - Bilder, Videos, Artikel und mehr. Technologien wie Servicemitarbeiter, das Caching-APIy IndexedDB
proporcionarle los componentes básicos para almacenar y entregar datos cuando las PersonenLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima Plus interactúan directamente con una PWA. Pero construir una PWA de alta calidad, primero sin conexión, es solo una parte de la historia. Si las personas no se dan cuenta de que el contenido de una aplicación web está disponible mientras están desconectadas, no aprovecharán al máximo el trabajo que dedicó a implementar esa funcionalidad.

Das ist ein Entdeckung problema; ¿Cómo puede su PWA hacer que los usuarios conozcan su contenido sin conexión para que puedan descubrir y ver lo que está disponible? La API de indexación de contenido es una solución a este problema. La parte de esta solución orientada al desarrollador es una extensión para los trabajadores del servicio, que permite a los desarrolladores agregar UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo Plus y MetadatenLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan Plus de páginas con capacidad sin conexión a un índice local mantenido por el BrowserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los Plus. Esa mejora está disponible en Chrome 84 y versiones posteriores.

Sobald der Index mit dem Inhalt Ihrer PWA sowie allen anderen installierten PWAs gefüllt ist, zeigt der Browser ihn wie unten gezeigt an.

Darüber hinaus kann Chrome Inhalte proaktiv empfehlen, wenn festgestellt wird, dass ein Nutzer offline ist.

Die Inhaltsindizierungs-API no es una forma alternativa de almacenar contenido en ZwischenspeicherUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y Plus. Auf diese Weise können Metadaten zu Seiten bereitgestellt werden, die Ihr Servicemitarbeiter bereits zwischengespeichert hat, sodass der Browser diese Seiten anzeigen kann, wenn Personen sie wahrscheinlich sehen möchten. Die Inhaltsindizierungs-API hilft bei Entdeckung zwischengespeicherte Seiten.

Sehen Sie es in Aktion

Der beste Weg, sich mit der Inhaltsindizierungs-API vertraut zu machen, besteht darin, eine Beispielanwendung auszuprobieren.

1. Stellen Sie sicher, dass Sie einen unterstützten Browser und eine unterstützte Plattform verwenden. Derzeit ist das auf beschränkt Chrome 84 oder höher auf Android. Gehen chrome://version um zu sehen, welche Version von Chrome Sie ausführen.
2. Besuchen https://contentindex.dev
3. Klicke auf das + neben einem oder mehreren Elementen in der Liste.
4. (Optional) Schalten Sie die WLAN- und mobile Datenverbindung Ihres Geräts aus oder aktivieren Sie den Flugzeugmodus, um so zu tun, als wäre Ihr Browser offline.
5. Wählen Downloads im Chrome-Menü und wechseln Sie zu Artikel für Sie Zunge.
6. Durchsuchen Sie den zuvor gespeicherten Inhalt.

Du kannst sehen die Quelle der Beispiel-App auf GitHub.

Eine weitere Beispiel-App, a Sammelalbum PWAveranschaulicht die Verwendung der Inhaltsindizierungs-API mit der Web Share-Ziel-API. das Der Code demonstriert eine Technik
um die Inhaltsindizierungs-API mit Elementen zu synchronisieren, die von einer Webanwendung mithilfe von gespeichert wurden Caching-API.

Verwenden der API

Um die API verwenden zu können, muss Ihre Anwendung über offline durchsuchbare URLs und einen Service Worker verfügen. Wenn Ihre Webanwendung derzeit keinen Servicemitarbeiter hat, wird die Workbox-Bibliotheken es kann das Erstellen eines vereinfachen.

Welche Art von URLs kann als offline indiziert werden?

La API admite la indexación de URL correspondientes a documentos HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Plus. Una URL para un archivo de medios en caché, por ejemplo, no se puede indexar directamente. En su lugar, debe proporcionar una URL para una página que muestre medios y que funcione sin conexión.

Ein empfohlenes Muster besteht darin, eine HTML-Seite "Viewer" zu erstellen, die die URL des zugrunde liegenden Mediums als Abfrageparameter akzeptiert und dann den Inhalt der Datei anzeigt, möglicherweise mit zusätzlichen Steuerelementen oder Inhalten auf der Seite.

Webanwendungen können nur URLs zum Inhaltsindex hinzufügen, die sich unter befinden
Umfang
del trabajador del servicio actual. En otras palabras, una aplicación web no puede agregar una URL que pertenezca a un DomainUn dominio es una sección de Internet con direcciones que comparten un sufijo común o están bajo el control de una organización o individuo en particular. Está organizado jerárquicamente. Tanto los objetos físicos como los virtuales pueden ser direccionados con el nombre de dominio. Estos objetos pueden ser webs, ordenadores en red o servicios, como impresoras, faxes o servidores de correo. Cada objeto está referenciado por una dirección IP única, Plus completamente diferente en el índice de contenido.

Übersicht

Die Inhaltsindizierungs-API unterstützt drei Vorgänge: Hinzufügen, Auflisten und Löschen von Metadaten. Diese Methoden werden aus einer neuen Eigenschaft verfügbar gemacht. IndexUn index o índice es generalmente un directorio en un orden específico que se usa con fines de orientación. En términos de motores de búsqueda, un índice es la lista de páginas web que es emitido por el motor de búsqueda en respuesta a una solicitud de búsqueda del usuario. Información general La lista que se muestra posteriormente de introducir una solicitud de búsqueda específica se llama SERPs (Search Engine Plus, die dem hinzugefügt wurde
ServiceWorkerRegistration
Schnittstelle.

Der erste Schritt bei der Indizierung von Inhalten besteht darin, einen Verweis auf die zu erhalten
ServiceWorkerRegistration. Verwenden von navigator.serviceWorker.ready Ist der einfachste Weg:

const Anmeldung = erwarten Navigator.serviceWorker.bereit;

wenn ('index' im Anmeldung) {
}

Wenn Sie die Inhaltsindizierungs-API nicht von einer Webseite, sondern von einem Service Worker aus aufrufen, können Sie auf die verweisen ServiceWorkerRegistration
direkt durch Anmeldung. Ich gehe zu ist bereits definiert
Im Rahmen des ServiceWorkerGlobalScope.

Hinzufügen zum Index

Verwenden Sie die hinzufügen () Methode zum Indizieren der URL und der zugehörigen Metadaten. Sie können selbst entscheiden, wann die Elemente zum Index hinzugefügt werden. Möglicherweise möchten Sie den Index als Antwort auf einen Eintrag hinzufügen, z. B. indem Sie auf die Schaltfläche "Offline speichern" klicken. Oder Sie können Elemente automatisch jedes Mal hinzufügen, wenn die zwischengespeicherten Daten mithilfe eines Mechanismus wie aktualisiert werden periodische Hintergrundsynchronisation.

erwarten Anmeldung.Index.hinzufügen({
gehen: 'article-123',

URL: '/articles/123',
launchUrl: '/articles/123',

Titel: 'Article title',

Beschreibung: 'Amazing article about things!',

Symbole: [{
src: '/img/article-123.png',
Größen: '64x64',
Art: 'image/png',
}],

Kategorie: 'article',
});

Das Hinzufügen eines Eintrags wirkt sich nur auf das Inhaltsverzeichnis aus. fügt nichts hinzu
Zwischenspeicher.

Randfall: Anruf hinzufügen () von Fenster Kontext, wenn Ihre Symbole auf a basieren holen Manipulator

Wenn du anrufst hinzufügen ()Chrome fragt nach der URL jedes Symbols, um sicherzustellen, dass Sie eine Kopie des Symbols haben, die Sie beim Anzeigen einer Liste indizierter Inhalte verwenden können.

• Wenn Sie anrufen hinzufügen () von dem Fenster Kontext (mit anderen Worten, von Ihrer Webseite), diese Anfrage löst a aus holen VeranstaltungConcepto de Evento¿Qué es un Evento?Un Evento es una actividad de carácter social que suele tener cierta proyección a nivel público y, de esta manera, suscita el interés de un determinado sector relacionado con la temática o con la razón por el que se celebra. Es un tipo de acto que suele tener mucha repercusión a nivel empresarial.Podemos hallar distintos tipos de eventos, desde los deportivos hasta los empresariales, pasando Plus en su trabajador de servicio.

• Wenn Sie anrufen hinzufügen () innerhalb Ihres Servicemitarbeiters (möglicherweise innerhalb eines anderen Ereignishandlers) die Anfrage nein Servicemitarbeiter auslösen holen Manipulator. Die Symbole werden direkt abgerufen, ohne dass ein Servicemitarbeiter beteiligt ist. Denken Sie daran, wenn Ihre Symbole von Ihren abhängen holen Handler, möglicherweise weil sie nur im lokalen Cache und nicht im Netzwerk vorhanden sind. Wenn dies der Fall ist, rufen Sie nur an hinzufügen () von dem Fenster Kontext.

Auflistung der Indexinhalte

das Nimm alle () Die Methode gibt das Versprechen einer iterierbaren Liste indizierter Einträge und ihrer Metadaten zurück. Die zurückgegebenen Einträge enthalten alle mit gespeicherten Daten
hinzufügen ().

const Einträge = erwarten Anmeldung.Index.getAll();
zum (const entry of Einträge) {
}

Entfernen Sie Elemente aus dem Index

Rufen Sie auf, um ein Element aus dem Index zu entfernen delete () mit dem gehen des zu entfernenden Gegenstands:

erwarten Anmeldung.Index.delete('article-123');

Berufung delete () es wirkt sich nur auf den Index aus. Es wird nichts aus dem entfernt
Zwischenspeicher.

Behandeln eines Benutzerlöschereignisses

Cuando el navegador muestra el contenido indexado, puede incluir su propia Benutzeroberfläche  Una interfaz de usuario es un medio por medio de del cual una persona puede controlar un software o hardware específico. Lo ideal es que las interfaces de usuario sean fáciles de utilizar para que la interacción sea lo más instintiva e intuitiva factible. En el caso de los programas informáticos, esto se denomina interfaz gráfica de usuario. Desarrollo y tipos de interfaces de usuario A diferencia de la Plus mit einer Beseitigen, abschütteln Menüpunkt, mit dem Benutzer angeben können, dass sie zuvor indizierte Inhalte nicht mehr angezeigt haben. So sieht die Löschoberfläche in Chrome 80 aus:

Wenn jemand diesen Menüpunkt auswählt, erhält Ihr Webanwendungsdienstmitarbeiter eine contentdelete Veranstaltung. Die Behandlung dieses Ereignisses ist zwar optional, bietet Ihrem Servicemitarbeiter jedoch die Möglichkeit, Inhalte wie lokal zwischengespeicherte Mediendateien zu "bereinigen", von denen jemand angegeben hat, dass sie fertig sind.

Sie müssen nicht anrufen Registration.index.delete () in deinem
contentdelete Manipulator; Wenn das Ereignis ausgelöst wurde, hat der Browser bereits das Entfernen des entsprechenden Index durchgeführt.

selbst.addEventListener('contentdelete', (Veranstaltung) => {
});

Kommentare zum API-Design

Gibt es etwas in der API, das umständlich ist oder nicht wie erwartet funktioniert? Oder fehlen Teile, die Sie benötigen, um Ihre Idee umzusetzen?

Datei ein Problem in der GitHub-Repository, das die Inhaltsindizierungs-API erklärtoder fügen Sie Ihre Gedanken zu einem bestehenden Problem hinzu.

Problem mit der Implementierung?

Haben Sie einen Fehler bei der Chrome-Implementierung gefunden?

Einen Fehler einreichen https://new.crbug.com. Geben Sie so viele Details wie möglich an, einfache Anweisungen zum Reproduzieren und Einrichten Komponenten (bearbeiten)
zu Blinken> ContentIndexing.

Planen Sie die Verwendung der API?

Planen Sie die Verwendung der Inhaltsindizierungs-API in Ihrer Webanwendung? Ihr öffentlicher Support hilft Chrome bei der Priorisierung von Funktionen und zeigt anderen Browser-Anbietern, wie wichtig es ist, diese zu unterstützen.

• Sende ein TweetUn tweet es un mensaje corto que puede ser enviado por medio de del servicio de microblogging Twitter. ¿Qué es un tweet? Un tweet es un mensaje de estado en Twitter que puede tener hasta 280 caracteres. Los tweets solían limitarse a 140 caracteres, pero esta cantidad se incrementó a 280 en septiembre de 2017. Debido al espacio limitado para el texto, las URLs para uso en tweets son normalmente Plus zu @Cromodev mit
  #ContentIndexingAPI und Details darüber, wo und wie Sie es verwenden.

Welche Auswirkungen hat die Indizierung von Inhalten auf Sicherheit und Datenschutz?

Überprüfen die Antworten
proporcionado en respuesta a los W3CEl W3C (World Wide Web Consortium) es un comité que se dedica a poner en práctica tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994. El objetivo del W3C es uniformar las especificaciones técnicas y determinar directrices para el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web. Tecnologías Plus Sicherheits- und Datenschutzfragebogen. Wenn Sie weitere Fragen haben, starten Sie eine Diskussion über die GitHub-Repository.

Maksym Kaharlytskyis Heldenbild auf Unsplash.