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.
En este artículo veremos algunos de los principales navegadores de la actualidad. También hablaremos de la importancia del ecosistema de tablets y móviles a la hora de probar nuestros proyectos.
Los principales navegadores
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. Desde hace un tiempo ha adoptado Webkit como motor de renderizado.
2. Mozilla Firefox: es un navegador que ofrece una alternativa distinta para navegar 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. Es un navegador que lleva muchos años en el mercado y varias distribuciones Linux lo mantienen como opción predeterminada para navegar por Internet.
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.
5. Opera: hay que destacar que es un producto que lleva muchos años en el mercado. Si bien tiene menor cuota de usuarios que los principales navegadores de la actualidad, puede ser una opción a la hora de probar sitios web. Ofrece muy buenas 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 Plus debo mencionar que Brave, también basado en Webkit, es un navegador muy potente para trabajar y emplear sus funciones para desarrolladores.
El mundo de los navegadores móviles
En la actualidad, la mayor parte de la navegación proviene de móviles. Por esta razón es clave probar nuestros sitios en la mayor diversidad de dispositivos posibles. De manera recomendable debemos contemplar móviles Android, tablets Android, iPhone e iPad.
En el mundo Android el navegador predeterminado de la mayoría de los dispositivos suele ser Google Chrome (en su versión específica para estas plataformas).
Mientras tanto, en iOS e iPad OS, el navegador predeterminado de fábrica es Safari for iOS.
Contar con diversidad de dispositivos en nuestro equipo de trabajo nos permitirá tener un panorama vital para detectar posibles problemas y realizar correcciones en las etapas de test.
En conclusión
A la hora de desarrollar un sitio Web, probar el resultado final no es opciones, es parte del trabajo que debemos contemplar. Esto es algo que destaco en mis capacitaciones y consultorías.
En la actualidad es muy relevante probar el sitio cuando se publica en producción. Como hemos visto en este artículo, se recomienda realizar pruebas tanto en navegadores desktop, como también en móviles. Cuanta mayor diversidad de sistemas, navegadores y tamaños de pantalla, podremos tener mayor seguridad en cuanto a la calidad y compatibilidad del resultado final de nuestro trabajo.
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!