Cómo instalar progressive web apps (PWA) en Microsoft Edge en Windows 10

Las Progressive Web Apps (PWA) son una potente función de Microsoft Edge que te permite convertir los sitios web que más usas en experiencias similares a las de una aplicación. Igual que los web clips, las PWA eliminan la necesidad de abrir un navegador, ofrecen a tu equipo notificaciones push y acceso sin conexión, y te ahorran largos tiempos de carga.

En este artículo encontrarás los pasos para instalar y desinstalar una progressive web app, sus componentes principales y la resolución de los problemas más habituales.

Cómo instalar una PWA en Microsoft Edge

Método 1: instalar una PWA desde la barra de direcciones

1. Abre la aplicación Microsoft Edge.
2. Ve a un sitio web compatible con PWA (por ejemplo, Pinterest, Uber o Twitter).
   1. Para saber si un sitio puede usarse como PWA:
      1. Entra en el sitio web que quieras.
      2. Abre las herramientas de desarrollo pulsando F12 o haciendo clic derecho en la página y seleccionando Inspeccionar.
      3. Ve a la pestaña Aplicaciones. Para verla, haz clic en el icono de doble flecha (>>).
      4. En la barra lateral izquierda, selecciona Service Workers.
      5. Si aparece alguno en la lista, el sitio es compatible con progressive web apps.
3. Haz clic en el icono de instalación «+» de la barra de direcciones.
4. Confirma la instalación en la ventana emergente.
5. Elige qué permisos quieres conceder.

Método 2: instalar una PWA desde el menú de Edge

1. Abre la aplicación Microsoft Edge.
2. Ve a un sitio web compatible con PWA (por ejemplo, Pinterest, Uber o Twitter).
   1. Para saber si un sitio puede usarse como PWA:
      1. Entra en el sitio web que quieras.
      2. Abre las herramientas de desarrollo pulsando F12 o haciendo clic derecho en la página y seleccionando Inspeccionar.
      3. Ve a la pestaña Aplicaciones. Para verla, haz clic en el icono de doble flecha (>>).
      4. En la barra lateral izquierda, selecciona Service Workers.
      5. Si aparece alguno en la lista, el sitio es compatible con progressive web apps.
3. Pulsa Alt + F para abrir Configuración y más.
4. Selecciona Aplicaciones > Instalar este sitio como una aplicación.
5. Confirma la instalación en la ventana emergente.
6. Elige qué permisos quieres conceder.

Este breve vídeo explica paso a paso «cómo instalar progressive web apps (PWA) en Microsoft Edge en Windows 10».

Gestión de las PWA instaladas

Abrir una PWA

Puedes abrir las progressive web apps desde el menú Inicio o anclarlas a la barra de tareas para acceder a ellas rápidamente. Ten en cuenta, eso sí, que las PWA no muestran una ubicación de archivo concreta, ya que se ejecutan con el navegador desde el que se instalaron.

Desinstalar una PWA

Desde Microsoft Edge

Estos son los pasos para desinstalar una PWA en Microsoft Edge:

1. Abre la aplicación Microsoft Edge.
2. Pulsa Alt + F para abrir Configuración y más.
3. Selecciona Aplicaciones > Ver aplicaciones.
4. Haz clic derecho en la aplicación que quieras eliminar.
5. Elige Administrar aplicación.
6. Haz clic en Desinstalar.
7. Confirma la desinstalación en la ventana emergente.

Desde el menú Inicio

1. Pulsa Win + S y busca la PWA.
2. Haz clic derecho en la aplicación que quieras eliminar.
3. Elige Desinstalar.
4. Confirma tu elección en la ventana emergente.

Métodos alternativos

Microsoft Edge Canary y Microsoft Edge Beta incluyen las funciones y novedades técnicas más recientes, que aún no han llegado al navegador oficial. La primera versión se actualiza con mucha más frecuencia, pero es menos estable; la segunda recibe parches cada seis semanas y ofrece un rendimiento más fiable.

Cualquiera de las dos da acceso a las PWA a tus usuarios y te permite adaptar y probar nuevas funciones de optimización antes de que lleguen al navegador principal.

Preguntas frecuentes

¿Puedo instalar una PWA desde cualquier sitio web?

No, no todos los sitios web se pueden descargar como progressive web apps. El sitio debe tener un manifiesto JSON con sus metadatos, servirse por HTTPS y funcionar en varios dispositivos.

¿Funciona una PWA sin conexión?

Sí, las PWA funcionan sin conexión gracias a los service workers, que guardan en caché recursos utilizables sin Internet.

¿Cómo actualizo una PWA?

Para tener tu PWA al día, borra su caché y vuelve a cargar la aplicación. Así se hace:

1. Abre tu PWA en el navegador.
2. Pulsa F12 o haz clic derecho > Inspeccionar.
3. Ve a la pestaña Aplicaciones.
4. Selecciona Service workers en el panel izquierdo.
5. Haz clic en Actualizar, o en Anular registro si quieres sustituir por completo el service worker de tu PWA.
6. Vuelve a cargar la página.

¿Puedo anclar una PWA a la barra de tareas?

Sí, puedes anclar una PWA a la barra de tareas. Solo tienes que buscar la aplicación con la Búsqueda de Windows, hacer clic derecho sobre ella y seleccionar Anclar a la barra de tareas.

Resolución de problemas habituales

Las progressive web apps combinan lo mejor de las aplicaciones web y del software nativo, pero también tienen sus propias complicaciones. Así puedes resolver las más frecuentes:

No aparece la opción de instalar

• Mira la barra de direcciones del sitio para comprobar si se sirve por HTTPS.
• Asegúrate de que el manifiesto de la aplicación web esté bien configurado con las propiedades esenciales (por ejemplo, name, short_name, start_url, display e icons).
• Confirma que tu navegador es compatible con las PWA.

La PWA no se abre correctamente

Borra la caché del navegador y comprueba si hay actualizaciones pendientes. También conviene revisar si los permisos del navegador están afectando al rendimiento de la PWA. Si nada de esto funciona, puede que haya que reinstalarla.

Falta el acceso directo después de instalar

Algunos navegadores gestionan los accesos directos de las PWA de forma distinta. Si no ves un acceso directo de tu progressive web app, sigue estas instrucciones:

1. Abre el Explorador de archivos (Win + E).
2. Ve a la siguiente ruta:

C:\Users\%USERNAME%\AppData\Local\Microsoft\Edge\User Data\Default\Web Applications

3. Busca la carpeta «_crx» correspondiente a la PWA que has instalado.
4. Haz clic derecho en el archivo .exe y elige Crear acceso directo en el escritorio.

También puedes anclar una progressive web app a la barra de tareas. Para ello, busca la aplicación con la Búsqueda de Windows, haz clic derecho sobre ella y selecciona Anclar a la barra de tareas. Así accedes a la PWA con facilidad, sobre todo cuando no hay una forma clara de crear un acceso directo en el escritorio.

Aprovecha las progressive web apps para agilizar tu trabajo

Las PWA permiten a tu organización disfrutar de una experiencia de aplicación ligera que hace más rápido y sencillo el acceso a los sitios web importantes.

Crear una progressive web app en Microsoft Edge es tan fácil como entrar en un sitio compatible, localizar el botón de instalación de la barra de direcciones y confirmar la elección. La gestión es intuitiva y se resuelve con unos pocos clics en Microsoft Edge. Por último, la comodidad de las PWA se aprecia aún más si piensas en su potencial para la automatización en el puesto de trabajo.