Home » , , , , , , , , » Internet Explorer: Vista de Compatibilidad ASP.NET

Internet Explorer: Vista de Compatibilidad ASP.NET

No hay comentarios
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: 

<%@ 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&nbsp;
                <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.""


Share:

0 comments:

Publicar un comentario