¿De qué manera los navegadores muestran las páginas web, y ¿por qué no siempre tienen el mismo aspecto?

A medida que navega por la web, no es raro encontrarse con sitios que se ven diferentes desde un dispositivo a otro. Tal vez algunas características no funcionan en absoluto.

Vídeo: Como Bloquear Paginas de Internet (Porno , Redes Sociales , Etc.)

A menudo, esto no es un problema con la página web. Es su navegador. Las cinco principales navegadores de escritorio utilizan cuatro motores de renderizado “” diferentes para mostrar una página web - la nuevo navegador de Microsoft Edge para Windows 10 introducirá un quinto - y cada uno funciona de manera diferente.Microsoft Obtiene el borde, 1 mil millones de dispositivos con Windows 10, & Más ... [Tech News Digest]Microsoft Obtiene el borde, 1 mil millones de dispositivos con Windows 10, & Más ... [Tech News Digest]Microsoft tiene la ventaja, Windows 10 es enorme, Secreto se cerró, incrustar juegos de MS-DOS en tweets, hacer dinero de Silent Hills, y ver Michael Bay Consigue muestra por un cineasta amateur.Lee mas

Esto significa que su experiencia de la web puede cambiar dependiendo del navegador que está utilizando, y hasta qué versión de este navegador.

¿Qué es un motor de renderizado?

Una página web no es una entidad única que se descarga y se visualiza en la pantalla de un pixel a la vez. En cambio, es esencialmente una serie de instrucciones escritas en diversos tipos de código - HTML, CSS, javascript, PHP y otros - que le dicen al navegador qué hacer y dónde y cómo hacerlo.¿Qué es javascript y puede Internet existir sin él?¿Qué es javascript y puede Internet existir sin él?javascript es una de esas cosas que muchos dan por sentado. Todo el mundo lo usa.Lee mas

Cada navegador utiliza un motor de renderizado, a veces también se refiere como un motor de diseño, para tomar la información de contenido y estilo contenida en el código, y mostrarlo en la pantalla en su forma completamente formateado.

El problema es que no hay un único motor de renderizado que se utiliza en todos los navegadores. Y mientras cada idioma está definido por una especificación detallada, el motor sólo puede ofrecer una interpretación de dicha especificación.

Con CSS (el código que proporciona la información de estilo), En particular, ningún motor producirá exactamente los mismos resultados. A veces, las diferencias sólo pueden equivaler al píxel desalineada extraño aquí o allá, pero a veces pueden ser más radicalmente diferente.CSSmatic: Rápidamente & Crear hojas de estilo CSS3 convenientemente a través de múltiples herramientas en líneaCSSmatic: Rápidamente & Crear hojas de estilo CSS3 convenientemente a través de múltiples herramientas en líneaLee mas

¿Qué motores de navegadores uso que se

Hay cuatro motores de renderizado principales que utilizan los navegadores más populares.

• WebKit: un motor de código abierto utilizado por Safari en OS X y iOS, así como muchos otros navegadores en dispositivos móviles, incluido el navegador de Web nativa de Android
• Parpadeo: un motor de código abierto basado en WebKit, que los poderes Chrome, Opera, Amazon Seda y vista web de Android (el navegador que se abre dentro de aplicaciones) -
• Geco: un motor de código abierto desarrollado por la Fundación Mozilla, que es utilizado por Firefox-
• Tridente: un motor propietario desarrollado por Microsoft y utilizado en Internet Explorer. El navegador Edge Microsoft utilizará una versión más nueva llamada EdgeHTML.

Estándares web

La brecha entre los diferentes motores de renderizado es mucho menor de lo que era cuando Internet Explorer es el navegador dominante.Internet Explorer está haciendo un gran regreso en el 2015?Internet Explorer está haciendo un gran regreso en el 2015?Microsoft ya no tiene que ofrecer a los usuarios de Windows UE una selección de los navegadores. Por otra parte, Microsoft está trabajando en un nuevo navegador. No obstante, le mostraremos cómo instalar su navegador favorito sin tocar el IE.Lee mas

Las pruebas como Acid3 muestran la precisión con un navegador hace que una página, y la mayoría de los navegadores modernos puntuar alto. Sin embargo conforme a las normas es una tarea extremadamente compleja.

Las especificaciones de HTML, CSS y otros son enormes. Nuevos elementos se añadido- mayor, que no se utilicen o no actualizados se eliminan. Puede tomar mucho tiempo para que los motores de renderizado para reflejar estos cambios.

Algunos elementos en el HTML 5 y CSS especificaciones aún no son compatibles con cualquier navegador convencional, algunas apoyadas sólo parcialmente, mientras que otros todavía están apoyados por algunos navegadores, pero no todos.

La página web html5test.com le permite probar el navegador y la versión específica que se está ejecutando, para ver lo bien que soporta ambas funciones oficiales y experimentales de HTML5. En el momento de la escritura, Chrome se ubica como el mejor de los principales navegadores, con Internet Explorer (v11) la posición más baja.¿Qué navegador web es el más seguro?¿Qué navegador web es el más seguro?¿Qué navegador es el más seguro? ¿Qué debe instalar para asegurarse de que su experiencia de navegación es seguro? ¿Qué se puede hacer para asegurarse de que su navegador existente es tan segura como sea posible?Lee mas

Si un desarrollador web utiliza una característica que se apoya en un navegador, pero no en otro, el navegador no compatible o bien debe establecerse en un equivalente cercano o ignorar la función por completo (una caja transparente podría ser traducido como no transparente, por ejemplo).

Esto hace que el trabajo de hacer que las páginas web mucho más complejo de lo que parece. Un navegador que se actualiza con más frecuencia es probable que sea más compatible con los estándares que uno que no lo es, como se pone de relieve por las actualizaciones de Chrome automáticas regulares en comparación con las actualizaciones de IE mucho más dispersos.

Vídeo: (solución) no carga la pagina error 101 en todos los navegadores

Y hay otros factores en juego, también.

• Errores en el motor: Un motor de renderizado es un software, y todo el software contiene errores. A pesar de errores críticos serán encontrados y anuladas rápidamente, es imposible garantizar que una combinación específica de código en una página web no va a producir resultados inesperados cuando se representa
• Errores en la página web: Los navegadores tienen un cierto nivel de tolerancia de error incorporado, pero esto será diferente de un motor a otro. Una página web con errores en el código todavía puede hacer perfectamente en un navegador, pero se romperá horrible en otro
• Fuentes: La apariencia de los tipos de letra no es manejado por el navegador, sino por el sistema operativo. Windows y OS X se presentan las fuentes de forma diferente, por lo que incluso el mismo tipo de letra en el mismo navegador puede tener un aspecto diferente cuando se ve en diferentes plataformas
• Legado: Los navegadores suelen adoptar nuevas características, especialmente para CSS, antes de que se conviertan en parte de la especificación oficial. Si la aplicación de la función cambia cuando es adoptada, el desarrollador del navegador debe decidir si adopta la compatibilidad de cambio y ruptura de riesgo con miles de sitios web diseñados para la versión antigua, o ignorar por completo la nueva versión
• características propietarias: Algunos navegadores pueden utilizar tecnologías propietarias que no están disponibles en otros lugares. Esto fue visto más famoso posible con el marco de ActiveX de Microsoft en Internet Explorer, aunque la empresa no va a utilizar en el nuevo navegador de Microsoft Edge

Envolver

Con tantos problemas involucrados, no es de extrañar que las diferencias en la forma en navegadores manejan páginas web persisten.

La situación está mejorando, pero es poco probable que sea resuelto por completo. Sería de gran ayuda si todo el mundo corrió la última versión de su navegador elegido, pero con la edad de seis años de Internet Explorer 8 que todavía mantiene una cuota de mercado del 4,5 por ciento, que es un largo camino por recorrer.

¿Qué navegador que utiliza, y lo guardas hasta la fecha? Se ha encontrado con sitios web que no funcionan en su navegador elegido? Háganos saber en los comentarios.