martes, 14 de febrero de 2017

6.4. Usando service workers para pre-cache de App Shell

Abrir la consola DevTools y recargar la página, cambiar al panel  Service Worker Inspeccione en el panel de la aplicación y haga clic en el service worker activado. Que esperar ver el mensaje de [ServiceWorker] Activate] conectado a la consola, pero no sucedió. Compruebe hacia fuera el panel de Service Workers y se puede ver que el nuevo service workero (que incluye la escucha de evento activate) parece estar en un estado de  "waiting".





Básicamente, el antiguo service worker sigue controlando la página mientras hay una tab abierta a la página. Por lo tanto, podría cerrar y volver a abrir la página o pulse el botón de skipWaitingpero una solución a largo plazo es que sólo la actualización en checkbox Update on Reload verificación actualizar en el panel de Service Worker de DevTools. Cuando este checkbox  está activado, el service worker a la fuerza se actualiza cada vez que vuelve a cargar la página.


Ahora activar el checkbox update on reload.


 y recargar la pagina   para confirmar que el nuevo service worker sea activado.

Nota: Se puede ver un error en el panel de Service Workers del panel de Application similar al siguiente, es seguro  omitir este error.



Fuente: https://codelabs.developers.google.com/codelabs/your-first-pwapp/#5

No hay comentarios:

Publicar un comentario