Páginas web que actúan de forma extraña en Safari. (Todos los demás navegadores probados, la página web actúa de manera extraña solo en Safari para macOS)

No sé por qué, pero durante algunos días Instagram (versión web) se comporta de forma extraña cuando (la página web) se carga en Safari.

Cuando hago clic en la página de mi cuenta, todo el contenido dentro de la página de mi cuenta se alinea a la izquierda, este no era el caso unos días antes, todo (Todos los contenidos - Publicaciones, foto de perfil, etc.) solía estar alineado centralmente.

Esto sucede solo en Safari. Lo he intentado con otros navegadores web, este extraño problema no ocurre en otros navegadores para macOS

Esta imagen muestra la página de mi cuenta donde todo solía estar alineado centralmente antes y ahora está alineado a la izquierda

ingrese la descripción de la imagen aquí

La página de publicación única también está alineada a la izquierda, lo que antes solía estar alineado en el centro.

ingrese la descripción de la imagen aquí

Esta es una captura de pantalla de Firefox y todo parece estar bien aquí. (Está alineado centralmente)

ingrese la descripción de la imagen aquí

Respuestas (2)

El diseño web puede ser un negocio complicado. Cuando consideras todos los diferentes navegadores que existen multiplicados por las diferentes versiones de cada navegador, comienzas a preguntarte cómo se puede escribir una página web que funcione correctamente en todos los casos.

Generalmente, un buen diseñador web usa herramientas en las que una página se diseña usando una versión de un navegador, luego la página se envía a un software que modifica la página para que funcione con cada tipo de navegador y cada tipo de versión anterior. Cuando se ve la página web, los condicionales se pueden evaluar para corregir las diferencias en los tipos y versiones del navegador.

Además, hay servicios que permiten a un diseñador web la oportunidad de ver una página web usando un tipo de navegador, pero ver cómo aparecería la página usando un tipo diferente de navegador. Eliminando así la necesidad de tener disponibles todos los diferentes tipos de navegadores y versiones, sistemas operativos, computadoras, mesas y teléfonos para probar una página web.

En su caso, se cometió un error al probar esta página web o Instagram no prueba por completo sus páginas web. En otras palabras, esta página web podría reescribirse para usar un posicionamiento diferente compatible con todos los navegadores o tener condicionales que se adapten a Safari.

Este no era el caso hace unos días. Safari estaba mostrando la página correcta, pero no sé qué le pasa a Safari durante los últimos días. Traté de borrar los cachés de Safari y todo, pero no pasa nada y una cosa más. Tengo ciertos servicios deshabilitados para Safari, como el agente de sincronización de marcadores, pero No creo que tenga ninguna relación con este tema.
Asumes que el problema está en tu Mac y Safari. Por lo que sabemos, Instagram hizo cambios que están causando este problema.
Creo que el problema es con Instagram, entonces veamos qué sucede en los próximos días.

Recargar desde Origen

Intente pedirle a Safari que vuelva a cargar todos los recursos de la página desde el servidor de origen. Haga esto con el elemento de menú oculto:

En Safari, mantenga presionada la Optiontecla y seleccione Ver > Recargar página desde el origen

Esto asegurará que todos los archivos se descarguen del sitio web original y no de varios cachés. Ocasionalmente, un archivo en caché desactualizado puede entrar en conflicto con una página recargada parcialmente, lo que provoca el diseño extraño que está viendo.

Después de probar, Instagram ya no se carga, la barra de progreso está atascada y la página web no se carga.
Entonces hay un problema al conectarse al servidor web. ¿Su conexión está filtrada, bloqueada o administrada por un departamento de TI?
Es una conexión doméstica Gigabit y no tiene ningún tipo de filtros, cortafuegos o cualquier obstáculo que bloquee y controle las conexiones salientes.