Cómo instalar PWA y obtener Jump Lists en Chrome y Edge

Las PWA son Aplicaciones web progresivas, que son, esencialmente, una forma en que un desarrollador ofrece un acceso directo de escritorio para un sitio web o servicio.

Con las últimas versiones canarias de Cromo y Borde, ahora es posible incluso tener opciones de selección para PWA directamente desde el Saltar lista.

Jump List es el menú que aparece cuando hace clic con el botón derecho en el icono de una aplicación en la barra de tareas.

Recientemente, Google y Microsoft agregaron soporte para PWA en las Jump Lists de Chrome y Edge.

¿Cómo puedo instalar PWA y habilitar Jump Lists en Chrome?

Primero, necesitas eNable las PWA instaladas para incluir un menú de accesos directos asociados con el icono de la aplicación de Chrome. Para hacer eso, siga los siguientes pasos:

1. Abra Google Chrome Canary y escriba chrome: // banderas / en la barra de direcciones.
2. En la siguiente ventana, escriba # enable-desktop-pwas-app-icon-shortcuts-menu en la barra de búsqueda o simplemente desplácese hacia abajo hasta encontrar la función.
3. Por último, haga clic en el botón a su derecha y configúrelo para habilitar, luego reinicie el navegador.

¿Cómo puedo instalar una PWA en Chrome y ver su Jump List?

Ahora debe ir a una PWA e instalarla. Google ha preparado un sitio de prueba, sadchonks.com, entonces jugaremos con eso. Así que aquí es cómo hacerlo.

1. Una vez que abra el sitio web, en el borde derecho de la barra de direcciones verá un signo más. Haz click en eso.
2. Verá un diálogo que le preguntará si desea instalar la aplicación. Haga clic en instalar.
   
3. Eres bueno para ir. Ahora, verá el icono de la aplicación en su barra de tareas y si hace clic derecho sobre él, verá todas las opciones posibles. Puede ver todas las fotos nuevas, sus opciones guardadas y puede fijarlas en la barra de tareas.

La aplicación Chunky Cat es solo un ejemplo tonto, pero, por ejemplo, hicimos lo mismo con Twitter.

Después de instalar la aplicación de Twitter desde el sitio web, obtuvimos una Jump List más útil.

Como puede ver en la imagen a continuación, puede buscar fácilmente un nuevo tweet, explorar, ver las notificaciones o enviar un mensaje directo con solo hacer clic con el botón derecho en el ícono de la barra de tareas.

¿Cómo puedo instalar PWA y habilitar Jump Lists en Edge?

De la misma manera que con Chrome, primero deberá habilitar las PWA de escritorio en la compilación de Edge Canary.

1. Open Edge Canary y escriba edge: // banderas / en la barra de direcciones.
2. En la siguiente ventana, escriba # enable-desktop-pwas-app-icon-shortcuts-menu en la barra de búsqueda o simplemente desplácese hacia abajo hasta encontrar la función.
3. Finalmente, haga clic en el botón a su derecha y configúrelo para habilitarlo, luego reinicie el navegador.

¿Cómo puedo instalar una PWA en Edge y ver su Jump List?

Por el bien de este experimento, usaremos la misma PWA proporcionada por Google, sadchonks.com.

1. Después de abrir el sitio, haga clic en el signo más en el borde de la barra de direcciones y seleccione instalar la aplicación.
2. Eso es. El ícono de la aplicación en su barra de tareas y si hace clic derecho en él, verá las opciones como si lo instalara con el navegador Chrome.

Si instala PWA con Chrome o Edge, también verá la aplicación en el menú de inicio.

¿Instalaste alguna PWA? ¿Te gusta la opción Jump List para PWA? ¿Qué piensas de ellos? Envíenos una línea con sus pensamientos en la sección de comentarios a continuación.