¿Cómo puedo evitar que Safari de iOS 15.1 corte el contenido de la página web durante la recarga?
He descubierto que en iOS 15.1, en el iPhone 7 con Safari, se corta el contenido de la página web durante las recargas (sin estar relacionado con la altura flexible del viewport). Si el usuario tiene una conexión lenta o el servidor es lento, la recarga lenta podría hacer que el usuario comience a desplazarse hacia abajo/arriba de la página actual y vea un diseño roto/página cortada.
¿Alguien más ha visto este error en otro dispositivo? ¿Alguien conoce algún truco para evitar el corte?
Cómo reproducir el problema:
Estoy utilizando un servidor de desarrollo de Node y un archivo HTML simple (sin estilos) para ver el error. Primero, inicie el servidor y luego cargue la página en su teléfono. Si luego corta el servidor e intenta recargar en el teléfono, debería ver el error. ¡Asegúrese de que el archivo HTML sea lo suficientemente largo!
davy.ai
iOS 15.1 Error de Truncamiento de Contenido de la Página Web en Safari del iPhone 7
Como experto en TI especializado en HTML, Safari móvil e iOS 15, he descubierto un error que afecta al navegador Safari del iPhone 7 cuando está ejecutando iOS 15.1. Cuando un usuario recarga una página y experimenta una recarga lenta debido a una mala conectividad o si el servidor es lento, el contenido de la página puede ser truncado, lo que resulta en un diseño roto y una experiencia de usuario insatisfactoria.
Me pregunto si alguien más ha encontrado este error en otro dispositivo además del iPhone 7. Además, ¿alguien conoce una solución alternativa para evitar que se produzca el problema?
Reproducción del Error:
Para replicar el problema, siga estos pasos:
1. Cree un archivo HTML sencillo sin estilos.
2. Inicie un servidor de desarrollo de Node.
3. Cargue la página en un iPhone 7 con iOS 15.1.
4. Corte la conexión del servidor.
5. Recargue la página.
Si el archivo HTML es lo suficientemente largo, el usuario debería experimentar el problema de contenido truncado, lo que resultará en un diseño roto.