6 junio 2020

Programacion web. ¿Qué es la compatibilidad entre navegadores?

Para ver sitios de Internet, los usuarios de Internet utilizan programas especiales: navegadores. Hace unos años, los visitantes de Internet conocían solo uno o dos navegadores diferentes, pero ahora el número de dichos programas está en las decenas, especialmente cuando se considera que cada uno de ellos tiene varias versiones que difieren en su funcionalidad.
A este respecto, apareció el concepto de compatibilidad entre navegadores, un concepto que describe la propiedad de un sitio para funcionar de manera idéntica y mostrar en todos los navegadores (generalmente solo se tienen en cuenta los más comunes). La identidad se entiende como la ausencia de colapso del diseño y la capacidad de mostrar material con el mismo grado de legibilidad. El concepto de «compatibilidad entre navegadores» a menudo se confunde con la correspondencia píxel por píxel, que en realidad es un concepto diferente.

¿Cómo asegurar el sitio entre navegadores?
Para que el sitio tenga el mismo aspecto en Internet Explorer, Firefox, Opera y Google Chrome con una amplia variedad de versiones (desde la más antigua hasta la más reciente), el diseñador web debe ocuparse del navegador cruzado de su creación desde el comienzo del proyecto.

¿Dónde empezar? Bueno, en primer lugar, debe decidir con qué navegadores debería funcionar el sitio. Para hacer esto, debe estudiar las estadísticas de las visitas al sitio (por ejemplo, con temas similares), en las que existe la oportunidad de ver qué navegadores utilizan sus visitantes. Google Analytics, por ejemplo, proporciona esta función. Por lo tanto, habiendo determinado los navegadores más populares en términos de número de visitas, puede continuar con la acción.

El hecho es que diferentes navegadores se adhieren a las reglas y estándares generales, pero puede suceder que los algoritmos de procesamiento para códigos html y tablas css en cascada sean diferentes para ellos. Y por lo tanto, no siempre el mismo elemento se ve igual en diferentes navegadores.

Puede haber varias soluciones a este problema. El método más común utilizado por muchos programadores web es escribir los llamados «hacks», conjuntos de selectores especiales o reglas que solo un navegador específico comprende. Es decir, si necesita mostrar correctamente el sitio, por ejemplo, en tres navegadores, debe escribir un «hack» para cada uno de estos navegadores. Pero para docenas de diferentes navegadores y sus versiones, registrar «hacks» es largo e irracional. Por lo tanto, otra forma es simplemente usar esos elementos en el diseño del código html, que se muestran de la misma manera en todos los navegadores requeridos.

compatibilidad entre navegadores
¿Cómo probar el sitio para la compatibilidad entre navegadores?
Es mejor probar la compatibilidad entre navegadores del sitio en una computadora local en la que están instalados diferentes navegadores, diferentes versiones de navegadores, y es posible cambiar la resolución del monitor. Esto se puede hacer creando varias máquinas virtuales con diferentes sistemas operativos en los que se instalarán varios navegadores (Linux, Windows, Mac OS y BSD).

Puede verificar la compatibilidad entre navegadores del sitio instalando un servidor web en la computadora local (ISS, Apache, …) y accediendo a la página a través de la dirección IP de la computadora (http://127.0.0.1). Las desventajas de este método de verificación: prueba el sitio solo bajo un sistema operativo y bajo navegadores compatibles con este sistema operativo, en la mayoría de los casos no podrá instalar versiones anteriores de navegadores en paralelo con nuevas versiones, pasará una gran cantidad de tiempo instalando el servidor web y navegadores / varias versiones navegadores

Para facilitar la verificación de compatibilidad del sitio con diferentes navegadores, ya hay utilidades y servicios en línea listos para usar. Al usar dichos servicios, se ahorrará la instalación de todos los navegadores que está revisando, o versiones de navegadores, máquinas virtuales. Bastará con instalar la utilidad o visitar el servicio de verificación en línea entre navegadores y, como resultado, puede obtener capturas de pantalla del sitio en diferentes navegadores y luego compararlas y analizarlas.

photo
photo