Quiero compartir con ustedes un código que nos permite identificar mediante JavaScript la vista de compatibilidad de nuestro navegador Internet Explorer (IE) y ademas si estamos usando
un navegador diferente. Lo anterior porque muchas veces los estilos de nuestros sitios no son
compatibles y presentan alteraciones en la presentación de las paginas al usuario. Por lo tanto
el siguiente ejemplo permite identificar en que entorno de navegador estamos y poder llegar
a tomar alguna decisión al respecto:
La siguiente imagen sin vista de compatibilidad:
Finalmente la visualización diferente a Internet Explorer:
Este ejemplo nos permite conocer la vista compatibilidad de una pagina en Internet Explorer, pero también es importante poder cambiarla, esto lo podemos realizar a través del META X-UA-Compatible.
Si tienen alguna duda o ampliar la información me cuentan, hasta pronto.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript" language="javascript">
function ValidarNavegador() {
if (document.documentMode) {
if (document.documentMode <= 7) {
alert("Estas en Internet Explorer con vista de compatibilidad.");
return;
}
alert("Esta es una versión de Internet Explorer sin vista de compatibilidad.");
} else {
alert("Esto no es Internet Explorer.");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="Navegador" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="center">
Consultar Compatibilidad del Navegador
<br /><br />
<asp:Button ID="BtNavegador" runat="server" OnClientClick="return ValidarNavegador();" Text="¿Qué Navegador?" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Al ejecutar nuestro ejemplo podemos ver la compatibilidad para cada explorador:La siguiente imagen sin vista de compatibilidad:
Finalmente la visualización diferente a Internet Explorer:
Este ejemplo nos permite conocer la vista compatibilidad de una pagina en Internet Explorer, pero también es importante poder cambiarla, esto lo podemos realizar a través del META X-UA-Compatible.
Si tienen alguna duda o ampliar la información me cuentan, hasta pronto.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""
