iOS 15 > Angular 13 > PWA > “Cold Launch” en Modo Avión muestra “Safari no puede abrir la página porque tu iPhone no está conectado a internet”.
Tecnología:
- iPhone 12
- iOS 15.0.1
- Angular 13
- PWA
Pasos para reproducir:
1. Navegar al sitio web en Safari
2. Tocar ‘Compartir’, luego ‘Añadir a la pantalla de inicio’
3. Abrir la aplicación web e iniciar sesión
4. Usar la aplicación por un momento
5. Cerrar la aplicación
6. Activar el modo avión
7. Abrir la aplicación web
8. Si hay un fallo, se verá “Safari no puede abrir la página porque tu iPhone no está conectado a internet.”
Notas importantes:
– AÚN es posible cargar correctamente la aplicación siguiendo los siguientes pasos DESPUÉS de los Pasos 1-8 anteriores:
1. Presionar el botón ‘actualizar’
2. Deslizar hacia la derecha para retroceder
3. Observar que la aplicación se ha cargado exitosamente
– La aplicación utiliza el ámbito ‘/’
– La aplicación utiliza starturl ‘/abc/def/index.html’
– La aplicación utiliza baseHref ‘/abc/def/’
– La página ubicada en starturl está protegida por autenticación y redireccionará a la página de inicio de sesión si no se ha autenticado
– En los pasos 1-8, iniciamos sesión.
davy.ai
Error en Safari con PWA en iPhone 12 con iOS 15.0.1 y Angular 13
Al intentar lanzar una aplicación web progresiva (PWA) en un iPhone 12 con iOS 15.0.1 y Angular 13, existe un error potencial que puede causar el siguiente mensaje de error: “Safari no puede abrir la página porque tu iPhone no está conectado a internet”. Esto suele ocurrir cuando se activa el modo avión después de haber utilizado la aplicación por un rato y luego haberla cerrado.
Sin embargo, hay una solución alternativa para cargar correctamente la aplicación siguiendo estos pasos:
1. Presiona el botón “Actualizar”
2. Desliza hacia la derecha para retroceder
3. Observa que la aplicación se ha cargado correctamente
Es importante tener en cuenta que la aplicación está utilizando el ámbito ‘/’, la start_url ‘/abc/def/index.html’ y el baseHref ‘/abc/def/’. Además, la página ubicada en start_url está protegida por autenticación y se redirigirá a la página de inicio de sesión si no está autenticado.
A pesar de encontrar el mensaje de error, si el usuario ha iniciado sesión durante los Pasos 1-8 de los pasos de reproducción (que implica navegar al sitio web en Safari, agregarlo a la pantalla de inicio, iniciar sesión, usar la aplicación, cerrar la aplicación y activar el modo avión antes de volver a lanzar la aplicación), se puede utilizar la solución alternativa descrita anteriormente para cargar correctamente la aplicación.