samples/service-worker at gh-pages · GoogleChrome/samples

https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker • Nov 17, 2021 15:20

Extracto

A repo containing samples tied to new functionality in each release of Google Chrome. - samples/service-worker at gh-pages · GoogleChrome/samples

Resumen

Resumen Principal

El repositorio samples/service-worker forma parte del proyecto más amplio GoogleChrome/samples, específicamente alojado en la rama gh-pages. Este espacio está dedicado a ofrecer ejemplos prácticos y actualizados que ilustran el uso de nuevas funcionalidades introducidas en cada versión de Google Chrome. Su enfoque principal radica en la implementación de Service Workers, una tecnología fundamental en el desarrollo web moderno que permite funcionalidades como el trabajo offline, notificaciones push y sincronización en segundo plano. El repositorio no solo sirve como guía para desarrolladores, sino también como referencia viva de las capacidades emergentes del navegador Chrome. Al estar organizado por versiones, permite a los desarrolladores explorar ejemplos contextualizados según las novedades de cada lanzamiento, facilitando la adopción temprana de nuevas APIs y estándares web. Este enfoque práctico y estructurado convierte al repositorio en una herramienta esencial para quienes buscan mantenerse a la vanguardia del desarrollo web progresivo.

Elementos Clave

Service Workers como eje central: El repositorio se enfoca en ejemplos prácticos de Service Workers, una tecnología clave para el desarrollo de Progressive Web Apps (PWA), que permite funcionalidades avanzadas como caché offline y notificaciones en segundo plano.
Actualización por versiones de Chrome: Los ejemplos están organizados y etiquetados según las nuevas funcionalidades lanzadas en cada versión de Google Chrome, lo que permite a los desarrolladores explorar código relevante y actualizado para las últimas APIs disponibles.
Repositorio público y accesible: Alojado en GitHub bajo la rama gh-pages, el contenido es fácilmente accesible y navegable, con ejemplos listos para clonar, probar y adaptar, promoviendo una adopción rápida de nuevas prácticas de desarrollo.
Enfoque en aplicaciones web progresivas: Los ejemplos no solo enseñan sintaxis, sino que también demuestran casos de uso reales que apoyan la creación de experiencias web más rápidas, confiables y envolventes, alineadas con los principios de las PWA.

Análisis e Implicaciones

Este repositorio tiene un impacto significativo en la comunidad de desarrollo web, ya que actúa como puente entre las nuevas capacidades del navegador y su aplicación práctica en proyectos reales. Al proporcionar ejemplos concretos y actualizados, fomenta la adopción temprana de tecnologías emergentes, lo que a su vez impulsa la evolución del ecosistema web. Además, su estructura facilita el aprendizaje continuo y la experimentación, lo cual es crucial en un entorno tecnológico en constante cambio.

Contexto Adicional

El proyecto forma parte de una iniciativa más amplia de Google para empoderar a los desarrolladores con recursos confiables y actualizados, promoviendo estándares web modernos. La rama gh-pages indica que también se ofrece una interfaz web navegable, lo que mejora la accesibilidad del contenido sin necesidad de clonar el repositorio.

Contenido

Files

Permalink

Failed to load latest commit information.

Type

Name

Latest commit message

Commit time

Service Worker Recipes

Basic Demo - a sample covering a basic, common use case. It precaches a set of local resources in a versioned cache, and maintains another cache that's populated at runtime as additional resources are requested.
Simple registration - a bare-bones sample that simply performs service worker registration, with placeholders for various event handlers.
Detailed registration - a sample that provides detailed information about the service worker registration and the state changes that a service worker undergoes.
Prefetching resources during installation - a sample demonstrating how to prefetch and cache a list of URLs during the service worker's installation, ensuring that they're available offline.
Selective caching - a sample of how a service worker can cache resources "on the fly", assuming the resources meet certain criteria (MIME type, domain, etc.).
Read-through caching - a sample of caching all resources that are requested "on the fly", unconditionally.
Offline Google Analytics - extends the read-through caching example to add in support for "replaying" failed Google Analytics pings, allowing pages to submit Google Analytics data associated with offline/cached page views.
Fallback responses - a sample illustrating how you can return alternative "fallback" content if an initial fetch request fails.
Mock responses - a sample illustrating how you can return content created on the fly in response to a page's requests.
Using postMessage - a sample illustrating the use of postMessage() to send commands from a controlled page to its service worker, giving the page control over the cache.
Multiple fetch handlers - a sample illustrating multiple fetch handlers, each of which intercepts a different type of request.
Custom offline page - a sample showing how to display a custom "Sorry, you're offline." error page when a network request fails.
Immediate control - a sample showing how to use skipWaiting() and clients.claim() to force a new service worker to take control of the page that just registered it.
Using window.caches - a sample showing how window.caches provides access to the Cache Storage API.
Using WindowClient.navigate() - a sample showing how a service worker can cause web page clients it controls to navigate to a given URL.
Foreign Fetch - a sample showing a client making use of the foreign fetch service worker deployed by a third-party service.

Related samples

Instructions for registering for Push Messages and showing Notifications.