Tal vez lo haya escuchado antes, o tal vez usted mismo ha estado cara a cara con este enemigo. Internet Explorer (IE) suele ser la peor pesadilla de un diseñador web, ya que siempre está un poco atrasado, es un poco peculiar y es demasiado popular para ignorarlo. Todos los sistemas operativos Windows vienen con IE preinstalado, lo que significa que una gran parte de la población usa regularmente este navegador en lugar de cambiar a un navegador mejor. Tal vez sea demasiado complicado, tal vez no sean lo suficientemente expertos en computadoras para saber cómo cambiar o incluso por qué deberían hacerlo. Ahora puede parecer irónico, pero actualmente estoy escribiendo esta publicación usando IE, pero en realidad, la razón por la que lo estoy haciendo es porque Soy un desarrollador web. Sé que si puedo hacer que un sitio funcione correctamente en Internet Explorer, funcionará aún mejor en Firefox.
Algunos diseñadores web optan por ignorar IE por completo, dejando que sus visitantes sepan que es mejor que descarguen Firefox o Chrome si desean experimentar el sitio al máximo. Pero con casi una quinta parte de los usuarios de Internet que utilizan IE, esta solución puede no ser el camino más inteligente a seguir. Otros pueden optar por hacer que sus sitios web sean compatibles con IE9 pero no con versiones anteriores (ya que IE9 es casi tan bueno como Firefox, Chrome y otros navegadores compatibles con los estándares); pero nuevamente, tenemos casi el 9% de los usuarios que usan IE8, que es más que el 6.4% que usa IE9.
Entonces, ¿qué hay que hacer? Como diseñador web, no todo está perdido. Hay varias cosas que uno puede hacer para asegurarse de que un diseño funcione bien en todos los navegadores y se degrade bien si usa elementos que no son compatibles con IE, especialmente aquellos más antiguos que IE9. Debo admitir que me niego a tratar de hacer que un sitio sea compatible con IE6 o anterior; tratar de hacer eso sería complicar el código con todo tipo de trucos, y es bastante seguro ignorar IE6 en este punto. En abril de 2012, el porcentaje de usuarios que utilizaban IE6 era del 0,7 % y, teniendo en cuenta que estos usuarios probablemente ya deberían estar acostumbrados a los sitios rotos, opté por ignorar esa población marginal.
Así que aquí hay una breve lista de cosas en las que pensar al diseñar un sitio para que sea verdaderamente compatible con varios navegadores:
- Escriba un código válido que cumpla con los estándares W3C, y validarlo con el validador W3C. Puede escribir en HTML 4.01 o XHTML 1.0, y siempre que valide y use buenas prácticas de codificación (como usar (X)HTML para la estructura y CSS para el diseño), debería aparecer de manera bastante consistente en todos los navegadores, incluido IE7/8. . No hago ningún comentario sobre el uso de HTML5 ya que actualmente no trabajo con él, pero según los sitios que he visto y una pequeña investigación que he hecho, HTML5 no es exactamente compatible con los navegadores más antiguos, y particularmente con IE. También puede validar su CSS y scripts, así que asegúrese de seguir adelante y hacerlo.
- Prueba en múltiples navegadores, incluyendo versiones anteriores de IE. Aquí es donde debo mencionar las herramientas de desarrollo de Internet Explorer para aquellos que no han descubierto este pequeño y práctico sistema que tienen IE, así como otros navegadores como Firefox. En IE9, puede encontrarlos en el botón Herramientas en la barra de herramientas y luego hacer clic en Herramientas de desarrollador F12, o simplemente presionar F12 en su teclado. Aquí hay muchas herramientas útiles, desde deshabilitar scripts o CSS (intente deshabilitar CSS y Javascript en algún momento para ver cómo se vería su sitio sin ellos; esto da una idea de cómo los lectores de pantalla leerán su sitio), hasta validar su código. También hay un modo de navegador que le permite seleccionar el modo de compatibilidad con IE9, IE8 o IE7 (a menos que tenga IE8 instalado en su máquina, en cuyo caso le permitirá seleccionar IE7 e IE6). Entonces, con esta herramienta, puede probar su sitio en las versiones anteriores de Internet Explorer sin arrastrar su computadora anterior con el navegador anterior aún instalado.
- Si está en una Mac o por alguna otra razón no puede obtener Internet Explorer, puede usar un renderizador como renderizador de red. Solo proporciona una captura de pantalla de su sitio y no le permite probar la interacción (incluso algo tan simple como desplazarse hacia abajo en la página), pero le dará una idea aproximada de qué tan bien lo está haciendo. Para formas más realistas de prueba, puede intentar una búsqueda en Google de «emulador de Internet Explorer». Hay otras opciones, pero como no tengo una Mac, no me he molestado en probar ninguna de ellas.
- Considere formas alternativas de codificar su sitio. Tal vez en lugar de usar CSS para hacer esquinas redondeadas, sombras y degradados, puedes ir a la vieja escuela y usar imágenes. A menudo, las imágenes se pueden hacer lo suficientemente pequeñas como para que no tarden mucho más en cargarse, y el resultado es un sitio hermoso que se ve exactamente igual en todos los navegadores.
Es una sensación muy agradable, después de haber codificado la cosa, abrirla en IE7 y ver que, sorprendentemente, se ve igual que en Firefox. Ahora eso es un logro. Y lo que es más importante, su sitio puede impresionar todo de sus usuarios, y no solo aquellos con mejores navegadores. A menos que ese sea su público objetivo, por supuesto.
web
Viajes Universitarios by Viajes Fin de Curso
Transformación digital by Inteligencia de Negocios
#Internet #Explorer #peor #pesadilla #diseñador #web #cómo #lidiar #con #ella
Comentarios recientes