¿Eres desarrollador web y te has topado con problemas de compatibilidad en Internet Explorer? No te preocupes, en este artículo te enseñaremos cómo utilizar los comentarios condicionales para solucionarlos de manera fácil y efectiva. Acompáñanos y descubre cómo hacer que tu código funcione correctamente en la versión más antigua del navegador.
Es habitual que los desarrolladores web incluyan algún tipo de componente para ayudar a averiguar qué tipo de navegador y versión del navegador está utilizando el visitante mientras accede a su sitio web. En algunos casos, es posible que simplemente desee orientar los navegadores Internet Explorer (IE) o versiones específicas de los navegadores IE.
Puede lograr esto usando diferentes técnicas, pero implementando Comentarios condicionales es una manera fácil de detectar las versiones 5-9 de IE. Si bien es posible que el uso de comentarios condicionales no ofrezca una solución completa para la detección del navegador, seguramente facilita la detección de versiones anteriores de Windows Explorador de Internet.
Por ejemplopuede usar los comentarios condicionales para que el navegador cargue diferentes reglas de hojas de estilo en cascada (CSS) o ejecute diferentes bloques de código JavaScript.
Los comentarios condicionales usan la misma estructura básica que un comentario HTML <!-- -->. Por esta razón, todos los demás navegadores los interpretarán como comentarios normales e ignorará el contenido dentro del comentario.
Sin embargo, las versiones 5-9 de Internet Explorer reconocerán la sintaxis especial dentro del comentario y analizar gramaticalmente el contenido como si fuera el contenido normal de una página web.
<!--[if IE]>
++ Instructions for Windows Internet Explorer Browsers ++
<![endif]-->Ejemplo
Aquí hay una lista de sintaxis de ejemplo que se utilizan para apuntar a IE, versiones específicas de IE y no IE.
| Artículo | Descripción |
|---|---|
[if IE] |
Si Internet Explorer |
[if !IE] |
Si no Internet Explorer |
[if IE 6] |
Si Internet Explorer versión 6 |
[if lt IE 7] |
Si es menor que Internet Explorer versión 7 |
[if lte IE 8] |
Si es menor o igual a Internet Explorer versión 8 |
[if gt IE 7] |
Si es mayor que Internet Explorer versión 7 |
[if gte IE 8] |
Si es mayor o igual a Internet Explorer versión 8 |
[if (gt IE 6)&(lt IE 9)] |
Si es mayor que la versión 6 y menor que la versión 9 de Internet Explorer |
[if (IE 8)|(IE 9)] |
Si la versión 8 o la versión 9 de Internet Explorer |
Demostración en línea
Aquí hay una lista de Comentarios condicionales. Eche un vistazo justo después de esta lista para ver qué comentarios condicionales analizó su navegador. Intente acceder a esta página con navegadores IE y no IE para comparar los resultados.
<div id="ieConditionalComments">
<!--[if IE]>
This Conditional Comment is for IE.
<![endif]-->
<!--[if IE 6]>
This Conditional Comment is for IE 6.
<![endif]-->
<!--[if IE 7]>
This Conditional Comment is for IE 7.
<![endif]-->
<!--[if IE 8]>
This Conditional Comment is for IE 8.
<![endif]-->
<!--[if IE 9]>
This Conditional Comment is for IE 9.
<![endif]-->
<!--[if gt IE 6]>
This Conditional Comment is for IE 6 or later.
<![endif]-->
<!--[if lt IE 9]>
This Conditional Comment is for less than IE 9.
<![endif]-->
<!--[if lte IE 8]>
This Conditional Comment is for less than or equal to IE 8.
<![endif]-->
<!--[if (gte IE 6)&(lte IE 9)]>
This Conditional Comment is for IE greater than or equal to 6 and less than or equal to 9.
<![endif]-->
<!--[if !IE]> -->
This Conditional Comment is for non IE browsers.
<!-- <![endif]-->
</div>Resultados
Estos son los resultados de los comentarios condicionales enumerados anteriormente. Si está visitando esta página con un navegador IE antes de IE 10, debe tener algunas declaraciones enumeradas en el siguiente contenedor.
This Conditional Comment is for non-IE browsers.Así que aquí están las malas noticias… Soporte para comentarios condicionales ha sido removido en Internet Explorer 10 para mejorar la interoperabilidad y el cumplimiento de HTML5. Los navegadores IE 10 tratarán los comentarios condicionales como comentarios normales, al igual que en otros navegadores que no sean IE.
Este cambio definitivamente páginas de impacto escrito específicamente dirigido Windows Navegadores Internet Explorer. sin embargo, el buenas noticias es que puede continuar usando otras técnicas que ya puede estar usando para la detección de navegadores que no son IE.
