La compatibilidad con los distintos navegadores del mercado es uno de los temas que quita el sueño a más de un diseñador web.
Lograr que un sitio se vea de la misma manera y, a su vez, presente todas sus funcionalidades sin inconvenientes en las diversas aplicaciones que existen para navegar por Internet es un verdadero desafío a la hora de crear o modernizar un sitio web.
A continuación veremos los 5 navegadores fundamentales sobre los cuáles debemos probar nuestros sitios para asegurarnos que sean compatibles:
1. Edge (anteriormente Internet Explorer): a pesar de los avances de otras alternativas en navegadores, la familia de navegadores de Microsoft se mantienen como uno de los más populares, si contemplamos la suma de todas las versiones vigentes utilizadas por los usuarios alrededor del mundo. Por esta importante razón, y porque es el navegador predeterminados en los sistemas operativos Windows, es fundamental realizar pruebas con las últimas versiones de de este browser, para asegurarnos que nuestros sitios funcionen correctamente en esta aplicación.
2. Mozilla Firefox: es el navegador que se ha convertido en la alternativa más elegida para recorrer sitios de Internet. Se destaca por ofrecer una muy importante variedad de opciones de personalización y una gran comunidad de desarrolladores que aportan agregados y opciones para potenciar sus características.
El navegador de la fundación Mozilla utiliza el motor de renderizado Gecko, al igual que otros navegadores quizás menos conocidos, como Camino y Epiphany .
3. Google Chrome: valorado por su velocidad y apoyado por el empuje que le facilita ser un producto de un gigante como Google, Chorme está haciendo su camino al andar y cada día está más sólido y seduce a una mayor cantidad de usuarios.
Este software utiliza el motor de renderizado WebKit y motor de JavaScript V8 (uno de los putnos destacados de este producto).
4. Safari (Apple): es el navegador predeterminado de los sistemas de Apple, tanto de los equipos de escritorio, en el caso de las Mac, como en los sistemas móviles, tal es el caso de iPhone e iPad. Desde hace un tiempo, el sistema de Apple se extendió a otras plataformas e incluso puede conseguirse para descargar en sistemas Windows.
Esta aplicación, utiliza para representar en pantalla los sitios web el framework WebKit que incluye el motor de renderizado WebCore. En cuanto a el intérprete de JavaScript, utiliza JavaScriptCore.
5. Opera: si bien es un navegador que no tiene tanta “adhesión” como los otros mencionados en el listado, en un producto que lleva muchos años en el mercado y que vale la pena contemplar a la hora de probar sitios web, por sus excelentes prestaciones y niveles de compatibilidad con los estándares. También vale la pena destacar que Opera ofrece navegadores que pueden correr en diferentes plataformas, por lo cual encontramos otro punto a favor de esta software.
Como dato adicional, si diseñamos sitios compatibles con móviles, debemos tener en cuenta también las diferentes plataformas, navegadores y tipos de pantallas de estos tipos de dispositivos a la hora de realizar pruebas de compatibilidad.
Más sobre Diseño y desarrollo Web
Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.
Buenas, lo que sucede en mi pagina web es que algunas personas la ven de una forma y otras de otra.
En algunas computadoras, no se si es por el navegador o porque se ve de una forma, como si estuvieran desactualizados los archivos que subi al servidor y en otras pcs o navegadores se ve completamente bien, osea como yo la veo
No se si me podes ayudar o responder esto porque se que hay que pagar pero bueno por intentarlo no pierdo nada
En la foto de la notebook chica asi lo ven mal o «desactualizado», los darkmode no andan y el fondo se ve blanco
Y en las demas se ve bien, aca me mandaron un video en un grupo de discord de como se veia en Edge.
La verdad no se si me podes ayudar pero no se a quien recurrir la verdad
Muchas gracias si te tomaste el tiempo para leerlo o si contestas y gracias por el contenido que subis 😀
No puedo subir archivos pero te los puedo mandar por email
Si se ve bien la pagina cuando la abris empieza con todo fondo negro, en el dark mode y lo pasas al light theme con los switch, pero a algunas personas les aparece alreves y no anda los swich del darkmode
Hola, gracias por los comentarios!
La verdad es que hay que analizar el tipo de servidor y tecnologías que estás utilizando. Por lo que comentás, no parece un tema de compatibilidad de códigos, sino algo relacionado con alguna característica de servidor.
Te recomiendo que veas si podés encontrar el problema probando en diferentes navegadores en tu equipo.
Un tip: fijate si está bien configurada la URL (http / https y el www). He visto sitios que no tienen bien configurado eso y muestran diferentes versiones.
Si esás utilizando alguna herramienta de caché probá desactivarla y fijate que ocurre.
Espero que sea útil
Saludos!