Cómo instalar una PWA en Windows 10 usando Microsoft Edge

Una aplicación web progresiva, también conocida como PWA, es un tipo de software de aplicación creado con HTML, CSS y Javascript. Los PWA funcionan en cualquier plataforma y tienen muchas de las mismas capacidades que las aplicaciones normales, incluidas las notificaciones automáticas, la capacidad de trabajar sin conexión y el acceso al hardware del dispositivo. A diferencia de un envoltorio web, las PWA crean experiencias de usuario similares a las aplicaciones normales. Tampoco hay ningún requisito para que los desarrolladores o usuarios usen una tienda de aplicaciones para instalar PWA.

Anteriormente, WindoQ le mostró cómo instalar Disney+ como PWA, pero puede instalar cualquier sitio web como PWA usando Microsoft Edge. En otra publicación, examinamos lo bueno y lo no tan bueno de las PWA. Antes de sentirse abrumado, tenga en cuenta que instalar PWA en su PC con Windows 10 no es tan difícil como parece. Con esta guía, verá lo fácil que es instalar y desinstalar PWA en Windows 10 con Microsoft Edge.

Hay dos formas de instalar PWA en Windows 10 usando Microsoft Edge; automática y manualmente.

1. Cuando ingrese a un sitio web que admita PWA de forma nativa, puede hacer clic en el ícono de signo más a la derecha de la barra de direcciones para instalar el PWA automáticamente.

2. Si el sitio web no tiene una PWA nativa, puede agregar manualmente una PWA directamente desde el menú de opciones de Edge. Vaya al menú de tres puntos en Edge, vaya a aplicaciones, y Instalar este sitio como una aplicación.

Cuando instala una PWA de forma automática o manual, aparecerá un acceso directo a la PWA en su escritorio y con sus otras aplicaciones en la lista de aplicaciones en el menú Inicio de Windows 10. Puede anclar PWA a su menú Inicio y su barra de tareas en Windows 10 para un acceso más fácil.

Puede eliminar los accesos directos de las aplicaciones PWA de su escritorio y de su lista de aplicaciones en cualquier momento. Si desea ver las PWA que creó de forma automática o manual, puede hacerlo escribiendo borde://aplicaciones en la barra de direcciones en Edge.

Utilizando el borde://aplicaciones menú, puede hacer clic con el botón derecho en cualquier PWA para cambiar diferentes configuraciones, incluida la apertura de la PWA en modo de pantalla completa, cambiar los permisos de hardware del sitio (cámara, micrófono, etc.), anclar las PWA seleccionadas a su escritorio y al menú Inicio y desinstalar la PWA.

Alternativamente, puede hacer clic en el X a la derecha para desinstalar también las PWA. A partir de ahí, se le pedirá que elija si borrar o no sus datos de Microsoft Edge. Una vez desinstalado, el PWA se elimina por completo de su dispositivo con Windows 10. Otra forma de desinstalar una PWA es desde dentro de la PWA haciendo clic en el menú de tres puntos en la parte superior de la PWA y eligiendo la opción Desinstalar.

Los PWA son una excelente alternativa a las aplicaciones tradicionales porque los PWA no ocupan tanto espacio en su disco duro ni consumen tantos recursos de hardware de su PC con Windows 10. Los PWA también son una excelente alternativa para ejecutar aplicaciones completas si tiene un dispositivo que ejecuta Windows 10 en ARM, como Surface Pro X.

Para los desarrolladores que buscan crear PWA nativos para su organización, PWA Builder es un sitio web de código abierto basado en la comunidad fundado por Microsoft que puede ayudarlo a comenzar.

Preguntas más frecuentes

¿Cómo crear una PWA en un safari?

Navegue hasta el sitio web que desea agregar como PWA en Safari. Luego toque el botón «Compartir», desplácese hacia abajo y toque «Agregar a la pantalla de inicio». Ingrese el nombre de la aplicación y luego toque Agregar. El PWA aparecerá en su pantalla de inicio como una aplicación nativa de iOS.

¿Puedo instalar una PWA en el Omnibox?

¡También es posible instalar una PWA de escritorio! Muchos navegadores populares ya han integrado la experiencia de instalación de PWA en el omnibox. Para instalar una aplicación web progresiva en su escritorio: Abra una aplicación web en su navegador preferido. Haga clic en un botón de instalación en la barra de direcciones.

¿Cómo instalo una PWA en mi dispositivo?

Abra una dirección URL de una PWA que desee instalar en su navegador. Abra la configuración de su navegador. Desplácese hacia abajo y toque Agregar a la pantalla de inicio. Confirme tocando Agregar.¡Eso es todo! Ha instalado con éxito un PWA en su dispositivo y ahora puede acceder a la aplicación web instalada simplemente tocando el icono.

¿Qué son las funciones de PWA y cómo usarlas?

Entonces, cambiemos eso en la siguiente sección introduciendo algunas funciones de PWA. El manifiesto de la aplicación web es un archivo JSON simple que informa al navegador sobre su aplicación web. Indica cómo debe comportarse cuando se instala en el dispositivo móvil o escritorio del usuario. Y para mostrar el indicador Agregar a la pantalla de inicio, se requiere el manifiesto de la aplicación web.

¿Cómo instalo una PWA en mi teléfono?

Con la gran mayoría de los dispositivos Android, instalar un PWA es tan simple como navegar al sitio web que desea instalar en Chrome. Una vez allí, toque el menú de desbordamiento de tres puntos en la esquina superior derecha y luego seleccione ‘Agregar a la pantalla de inicio’. Chrome le pedirá que ingrese un nombre para la aplicación antes de agregarla a su pantalla de inicio.

¿Necesito una PWA para habilitar la «instalación de la pantalla de inicio»?

Tenga en cuenta que no necesita tener un PWA para habilitar la función de «instalación de la pantalla de inicio» para su sitio web; sin embargo, esta función es especialmente poderosa con Progressive Web Apps, ya que crea esta apariencia de «aplicación nativa» para que su ¡Es posible que los usuarios ni siquiera se den cuenta de que están navegando por un sitio web! ¡También es posible instalar una PWA de escritorio!

¿Cómo instalar una PWA en Microsoft Edge?

Al visitar un sitio web que desea instalar, los usuarios de Edge pueden hacer clic en el botón de menú de tres puntos y seleccionar «Aplicaciones». Después de eso, haga clic en «Instalar este sitio como una aplicación». Edge instalará el PWA y, al igual que con Chrome, los usuarios podrá anclar la aplicación a la barra de tareas.

¿Cómo elimino una PWA de mi dispositivo?

Abra la aplicación PWA que desea eliminar y luego haga clic en el ícono de tres puntos en la esquina superior derecha de la pantalla. En el menú que aparece, haz clic en Desinstalar ‘nombre de la aplicación’. Luego, se encontrará con un mensaje de confirmación.

¿Cómo instalo una aplicación web progresiva (PWA) en Omnibox?

Muchos navegadores populares ya han integrado la experiencia de instalación de PWA en el omnibox.Para instalar una aplicación web progresiva en su escritorio: Abra una aplicación web en su navegador preferido. Haga clic en un botón de instalación en la barra de direcciones. Haga clic en Instalar.

¿Cómo instalo una PWA desde un navegador?

Si bien la instalación difiere según el navegador y el sistema operativo, no necesita crear ningún tipo de paquete o ejecutable para que su PWA se instale desde un navegador. Cada navegador tiene un criterio que marca cuándo un sitio web o aplicación web es una aplicación web progresiva y se puede instalar para una experiencia independiente.

¿Cómo sé si se ha instalado una PWA?

Si un sitio cumple con los criterios de instalabilidad de la aplicación web progresiva, Chrome mostrará automáticamente un icono de instalación en la barra de direcciones. Al hacer clic en el botón, se solicita al usuario que instale la PWA. Al igual que otros eventos de instalación, puede escuchar el evento de instalación de la aplicación para detectar si el usuario instaló su PWA.

¿Cómo transformar tu aplicación web tradicional en una PWA?

Sin embargo, para poder transformar nuestra aplicación web tradicional en una PWA, debemos ajustarla un poco agregando un archivo de manifiesto de aplicación web y un trabajador de servicio. No se preocupe por estos nuevos términos, los cubriremos a continuación.