Los 10 principales navegadores que admiten aplicaciones web progresivas (actualizado en 2022)

Publicado: 2022-06-28

Una de las características más importantes de Progressive Web Apps es que son adaptables, lo que significa que siempre brindan la mejor experiencia posible con respecto al tamaño de la pantalla y las capacidades del navegador. Sin embargo, conocer las capacidades y la compatibilidad de cada navegador con las características de la aplicación web progresiva (PWA) sigue siendo beneficioso. La siguiente es una lista de los navegadores compatibles con PWA más populares y su compatibilidad. Todo está resumido en la siguiente tabla. Elija un navegador que le atraiga y examine su compatibilidad con varias funciones, teniendo en cuenta el tipo de pantalla y el sistema operativo.

Contenido

Navegadores compatibles con PWA

Los principales proveedores de navegadores web han agregado mejoras de características en versiones posteriores para admitir PWA, debido a la reciente popularidad de estas aplicaciones. Los navegadores y las versiones que se enumeran a continuación son compatibles.

Navegador de escritorio (soporte completo): Chrome, Firefox, Opera, Edge, Safari
Navegador de escritorio (Soporte parcial/Versión obsoleta): Navegador QQ, Navegador Baidu
Navegador móvil (soporte completo): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
Navegador móvil (soporte parcial/versión desactualizada): navegador QQ, navegador Android, Opera Mobile

Compatibilidad con navegadores PWA	Visión general
Cromo	Chrome puede ser el navegador más popular (excepto en los dispositivos de Apple), pero no es el mejor en todos los sentidos o con la mayoría de las funciones. Hay funciones que no están disponibles en Chrome, pero otros navegadores como Firefox, Opera o Safari las tienen. Eso no quiere decir que Chrome no sea un buen programa, pero debes saber que hay mejores opciones. Para dispositivos móviles: en Chrome, aparece un botón en la barra de direcciones para los sitios que admiten PWA, como en Edge. Para dispositivos de escritorio: en Chrome, verá una opción Instalar aplicación en el menú principal de Chrome para sitios que admiten completamente la capacidad de PWA. El icono de la aplicación aparece en la pantalla de inicio después de seleccionar esa opción. (Tenga en cuenta que para las áreas que no tienen funciones de PWA, puede elegir Agregar a la pantalla de inicio). Las opciones de pulsación prolongada aún incluyen Desinstalar, pero debajo está la Configuración del sitio, que no está disponible para las aplicaciones instaladas en la tienda.
Firefox	Firefox, un proyecto de código abierto, ha sido pionero en varias capacidades web, y la empresa detrás de él ha sido un firme partidario de la privacidad en línea. También es famoso por la gran cantidad de extensiones disponibles. Aunque Firefox admite varias API de PWA, no puede instalarlas como una aplicación de sistema independiente con una experiencia similar a la de una aplicación. La versión de Android de Firefox es compatible con PWA, mientras que la versión de escritorio no lo es. Por otro lado, Mozilla intentó brindar soporte a través de un navegador específico del sitio. En dispositivos Android: en Firefox, una opción de instalación simple está disponible para sitios PWA. El cuadro de diálogo Agregar a la pantalla aparece una vez que toca esta opción. Aparece un pequeño emblema naranja de Firefox en la parte inferior derecha del logotipo principal de la aplicación en los íconos de la pantalla de inicio para las PWA creadas por Firefox. Para una experiencia de aplicación más real, a diferencia de las que se producen en Chrome, no verá la opción Configuración del sitio.
Safari	Para dispositivos de escritorio: la instalación de PWA en macOS es igual que en Windows, excepto que el Safari predeterminado no tiene una forma de convertir un sitio en una PWA. En Launchpad, su nuevo programa está visible pero no en la carpeta del Buscador de aplicaciones. Para dispositivos móviles: en iOS y iPadOS, Apple solo permite que Safari genere PWA; Se excluyen los navegadores de terceros. A diferencia de otros navegadores que habilitan PWA, Safari no utiliza los términos instalación y aplicación. Para agregar uno a la pantalla de inicio de su iOS o iPad, vaya a un sitio compatible con PWA, toque la flecha hacia arriba Compartir en la parte inferior de la página y seleccione Agregar a la pantalla de inicio. Puede hacer esto con cualquier sitio web, pero no obtendrá las capacidades fuera de línea que proporciona un PWA genuino.
Borde	La instalación de PWA en el sistema operativo de escritorio de Microsoft es más accesible con Edge, el navegador web predeterminado de Windows. Esto se debe a que agrega la aplicación a su menú Inicio de la misma manera que cualquier otra aplicación que haya instalado con el método tradicional (ya sea con un programa de instalación descargado o desde la aplicación Microsoft Store).
Ópera	Opera se lanzó en 1995, lo que lo convierte en uno de los navegadores web más antiguos. La base de usuarios dedicados de Opera creció debido a su capacidad para integrar una amplia gama de funciones que, de otro modo, estarían limitadas a extensiones y aplicaciones independientes. Opera 32 para Android ahora está disponible con compatibilidad con PWA: agregar a la pantalla de inicio. Descubrirá varias características que están diseñadas específicamente para cerrar la brecha entre las aplicaciones nativas y la "web móvil", junto con una gran cantidad de correcciones de errores, mejoras de estabilidad y un motor Chromium actualizado para una compatibilidad y seguridad óptimas (o, al menos, el web vista en dispositivos móviles).
Navegador QQ	Tencent Explorer era el nombre de QQ Browser cuando se lanzó inicialmente en 2000. El hecho de que utilice dos motores, WebKit y Trident, distingue a este navegador. Solía ser compatible con PWA en el pasado, pero no para la nueva versión.
Navegador Baidu	Baidu Browser es un navegador web gratuito para Windows y Android que puede enviar datos personales de los usuarios a los servidores de Baidu sin cifrado o cifrado fácilmente descifrable. También es el navegador más liviano en recursos para dispositivos Android de gama baja y es vulnerable a la ejecución de código arbitrario durante las actualizaciones de software a través de ataques de intermediarios.
navegador de la UC	UC Browser es un navegador web multiplataforma diseñado principalmente para dispositivos móviles. Se destaca por su tamaño mínimo de aplicación y tecnologías de compresión de datos, lo que lo ha hecho popular en los mercados emergentes donde los usuarios tienen teléfonos con menos memoria del dispositivo y una velocidad de Internet más lenta. La aceleración en la nube, la descarga de formatos de múltiples archivos, la aplicación web HTML5 y las funciones de sincronización en la nube, y la "descarga rápida", una función que descarga archivos en muchas partes a la vez, se encuentran entre otras funciones del navegador.
internet samsung	Este es el navegador predeterminado y preinstalado en todos los móviles Samsung. Se basa en el proyecto Chromium, que ejecuta Chrome y Microsoft Edge. Los teléfonos inteligentes Samsung ofrecen una alternativa a la experiencia estándar de Android. Si visita un sitio de PWA, su navegador mostrará una insignia. Si usa Hojas de cálculo de Google o cualquier otra aplicación web con frecuencia, el navegador le brindará la experiencia de aplicación web más destacada.
Navegador de menta	Uno de los navegadores web más importantes para teléfonos Android es Mint Browser. Obtiene una velocidad vertiginosa, privacidad y seguridad en una sola caja compacta. Cuando valora la experiencia del usuario por encima de la tecnología de punta, la aplicación de 10 MB es un salvavidas. Mint Browser tiene varios mecanismos de seguridad para garantizar una navegación segura y brindar a todos los usuarios servicios y bienes de seguridad de clase mundial. Para reforzar aún más el control que los usuarios tienen sobre compartir sus datos con Xiaomi, la actualización actual ofrece una opción para que todos los usuarios activen o desactiven la recopilación de datos agregados en modo de incógnito.
WeChat	Con una base de usuarios mensual de más de mil millones de personas, WeChat es el programa de mensajería más popular de China. Si bien comenzó como un servicio de chat, se ha convertido en una aplicación que le permite realizar pagos, tomar un taxi e incluso reservar vuelos. Sin embargo, es poco probable que lo hayas usado si no resides en China.

Navegadores no compatibles con PWA

También hay navegadores específicos que no admiten activamente los elementos personalizados necesarios para Angular 6 o PWA.

Microsoft Edge actualmente obliga a que las PWA estén disponibles en su tienda de aplicaciones para que sean compatibles con este navegador.

En el escritorio, Safari y Firefox no admiten la instalación de PWA. Admiten capacidades fuera de línea, pero la experiencia siempre comenzará dentro de la interfaz de usuario del navegador. Puede obtener pantalla completa, pero nunca una ventana independiente en un escritorio.

Funciones principales de PWA para respaldar la experiencia de los usuarios

Sincronización en segundo plano

Esta función actualiza los datos del sitio web con regularidad. Los usuarios siempre tendrán acceso a la información más actualizada.

Notificación de inserción web

La capacidad de los trabajadores de servicio para realizar en segundo plano permite esta capacidad. Los usuarios pueden acceder al sitio web tocando el recordatorio en su pantalla de inicio.

Modo offline

Una vez instalada en el navegador, la accesibilidad sin conexión maneja el almacenamiento en caché de los archivos de la aplicación, intercepta las solicitudes de la red y luego toma las medidas adecuadas en función de si la red está disponible o no.

Esta función permite acceder a la aplicación sin conexión y proporciona una mejor experiencia de usuario. Incluso cuando hay una conexión a Internet disponible, no será necesario cargar archivos específicos desde el servidor web porque ya se guardarán localmente.

Agregar a la pantalla de inicio

Esta característica de PWA hace posible instalar el sitio web en dispositivos móviles. Genera un acceso directo en la pantalla para que los usuarios puedan acceder rápidamente al sitio simplemente tocando el icono de la insignia en lugar de escribir el enlace nuevamente. Esta característica es accesible en todos los navegadores.

Pantalla de inicio/pantalla de inicio

Otra característica única de las PWA es que, a pesar de ejecutarse en un navegador, pueden colocarse directamente en la pantalla de inicio del usuario y brindar una experiencia inmersiva a pantalla completa.

A excepción de iOS, todos los navegadores habilitan esta capacidad, lo que ayuda a reducir la ansiedad mientras se espera que se cargue un sitio web.

Geolocalización

La API de geolocalización se puede utilizar para acceder a información sobre la geolocalización del usuario de la aplicación, lo que permite encontrar su ubicación (con el consentimiento del usuario). También te permite vigilar al usuario y recibir notificaciones cuando cambie su posición.

Captura de video e imagen

Hoy en día, la "API de captura de medios" brinda a las aplicaciones web acceso directo a las entradas de audio y video de los dispositivos (la cámara y el micrófono). La aplicación web le permite leer y administrar estos feeds. Como resultado, puede, por ejemplo, capturar una imagen o grabar un video sin salir del navegador.

Conclusión

Casi todos los sistemas de navegación del mundo admiten PWA de alguna manera. Si bien PWA en iOS no es totalmente compatible, el navegador está comenzando a derribar obstáculos y permite que algunas capacidades de PWA se ejecuten en dispositivos Apple.

Esto podría indicar que los navegadores de todo el mundo están considerando que las PWA tienen el mismo potencial que las aplicaciones nativas y están comenzando a brindar un soporte más increíble para mejorar las experiencias de los usuarios.

Si está a punto de configurar un sitio de PWA para su empresa y está buscando una agencia de desarrollo web de PWA legítima, entonces Tigren es su mejor opción.

Hemos construido proyectos PWA exitosos que satisfacen las necesidades de muchas empresas. Nuestro equipo se esfuerza por ofrecer los mejores resultados para los clientes. Para obtener más información, envíenos un mensaje a [email protected] .