miércoles, 12 de octubre de 2011

Detectar cuando javascript está deshabilitado en el navegador

javascript_disabledA pesar de que ya son muchos años de madurez del mundo de las aplicaciones web, aún hay algunos puntos que si no se toman en cuenta, pueden traer abajo cualquier sistema robusto.
Anticiparse a la posibilidad de que javascript esté deshabilitado en el browser es una obligación, siempre es mejor que seas precavido y tengas una respuesta ante tal posibilidad.
Por ejemplo, si estás ejecutando una página aspx para autenticar usuarios, en la cual los controles textboxes están siendo validados por controles de validación como RequiredFieldValidator, CustomValidatorSummary, etc… ten la seguridad que estos controles no funcionarán, y la validación del lado del cliente será burlada. Es por eso la importancia de detectar si javascript está habilitado.
Existe una etiqueta HTML que podemos usar cuando javascript está deshabilitado, es la etiqueta <NOSCRIPT>contenido</NOSCRIPT>
Cómo funciona? muy simple, sólo añade esta etiqueta en la página web,  esta etiqueta sólo se hará visible sólo si javascript está desactivado.
Veamos el ejemplo:
<html>
<head>
    <title>Detectar cuando javascript está deshabilitado</title>
    <style type="text/css">
        *{ font-family: Trebuchet MS; }
        .div_NOSCRIPT
        {
            border: solid 2px red;
            background-color: Orange;
            padding: 5px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <noscript>
        <div class="div_NOSCRIPT">
            <p>
                Para que este web site funcione correctamente, 
                es necesario habilitar javascript en tu navegador.
            </p>
            <p>
                <a href="http://www.enable-javascript.com/" target="_blank">
                En este enlace encontrarás instrucciones de 
                cómo habilitar javascript en tu navegador</a>
            </p>
        </div>
    </noscript>

    ...Aquí va todo el contenido de tu página web... 

</body>
</html>
Si ejecutan el ejemplo, verán que el enlace nos lleva hacia una página web con unas instrucciones muy completas para habilitar javascript en cualquiera de los navegadores más importantes. Inclusive las instrucciones están ordenadas por versiones de browser. En fin, muy completo.

Espero que les sea de utilidad ;)

No hay comentarios.: