Es simple de contar. Déjame enseñarte como,
Los trabajadores de servicios son el núcleo de las técnicas de PWA para el almacenamiento en caché de recursos y las notificaciones push
de Progressive Web Apps Training | Web
El | Desarrolladores de Google
- Si una organización tiene un sitio web no profesional, ¿eso lo hace menos creíble?
- Deportes: ¿Por qué los sitios web como Bleacher Report están prohibidos en India?
- Cómo mantener un sitio web de publicación de invitados
- ¿Qué opinas sobre el sitio ScoopWhoop?
- ¿Cómo se pueden hacer más efectivas las ventanas emergentes o los mensajes incrustados en los sitios web?
Por lo tanto, simplemente tenemos que determinar si el sitio usa las tecnologías de los Trabajadores del Servicio, entonces podríamos saber si el sitio era PWA o no.
Si está utilizando el navegador Google Chrome, esto será muy fácil de determinar.
Aquí están los pasos,
Primero, dirígete al sitio donde te gustaría consultar.
En segundo lugar, abres la Herramienta para desarrolladores de Google Chrome.
A continuación, dirígete a Aplicación> Trabajadores de servicios
Así es como se vería un sitio de PWA con los Service Service en el lugar
Como puede ver, el Service Workers está activado y actualmente en ejecución.
Si el sitio no tenía a los Trabajadores del Servicio en su lugar, entonces probablemente no sea una PWA.
Otro lugar donde puedes mirar fue desde la pestaña Red,
Service Workers ofrece al usuario la posibilidad de ver el sitio sin conexión (significa que aún puede acceder a su sitio web sin conexión a Internet). Actualizar su página cargaría todos los archivos HTML, CSS y JS ya descargados (los trabajadores de servicio serán responsables de descargar esos archivos). Para que el sitio sea rápido de cargar, ya que no necesita hacer otro viaje al servidor para solicitar los archivos de las páginas web. Esto es lo que se vería cuando intentes actualizar la página nuevamente,
Como puede ver, Service Workers carga la mayoría de los archivos de activos, lo que significa que los archivos ya están descargados en su computadora local.
Estas dos formas deberían permitirle determinar si el sitio es PWA o no.
Para las personas que están interesadas en ver cómo se vería el código para los Service Workers, aquí hay un ejemplo que escribí, poanchen / pwa-to-do-list.
El año pasado, escribí una simple lista de tareas pendientes de PWA, aquí está el repositorio de GitHub, poanchen / pwa-to-do-list y aquí está el enlace al sitio, lista de tareas
¡Espero que esto ayude!
