gratis - Mostrar mensaje si javascript está deshabilitado en el lado del cliente usando la etiqueta noscript
instalar javascript (6)
Coloque el mensaje ''no es compatible'' en un div y use JavaScript para ocultar el div cuando se carga la página
Quiero marcar un mensaje si javascript está deshabilitado en el lado del cliente. Busqué aquí y encontré la etiqueta <noscript> para usar en el manejo de estas cosas.
Hice esto en el editor de w3schools para verificar, pero no funciona. Avíseme si este <noscript> no es para esto o algo más. Me estoy perdiendo en esta parte.
Prueba esto :-
How to detect JavaScript is disabled in browser?
Como sabemos, la etiqueta se utiliza para JavaScript. De la misma manera hay una etiqueta que se pone en acción cuando los JavaScripts están deshabilitados en el navegador.
<script>Put Sample code here for execution when JavaScript is Active </script>
<noscript>Put Sample code here for execution when JavaScript is Disabled</noscript>
¿Cómo manejar JavaScript deshabilitado en el navegador?
Cuando JavaScript está deshabilitado, solo trato de redirigir a alguna página donde podemos mostrar el mensaje de que Javascript está deshabilitado. Hay una etiqueta meta en HTML llamada "meta actualización" que redirigirá al usuario a otra página en el intervalo especificado en ese encabezado.
<noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html">
</noscript>
Como podemos ver el código anterior dentro de noscript, hay una etiqueta de "meta actualización" con un intervalo de "0" segundo. Como el JavaScript está deshabilitado en esa página, el navegador se redirige a "ShowErrorPage.html" para mostrar un mensaje de advertencia.
Espero que esto ayude.
Puede utilizar el mismo método utilizado por . Ver mi enlace jsfiddle. Cuando Javascript está deshabilitado, dentro del primer bloque de noscript, justo después de la etiqueta del cuerpo, usted va a agregar una parte superior de relleno a un div niño vacío, para que pueda agregar el contenido que desea en su cuerpo y luego, al final, otro bloque noscript con un div de posición fija dentro, con el mensaje de advertencia que desea. Intenta ejecutarlo, con y sin javascript habilitado. ¡Házmelo saber! :)
Vea el código aquí: https://jsfiddle.net/go60f00n/
<noscript>
<div id=''noscript_padding''></div>
</noscript>
<div>
<p>Lorem ipsum dolor sit amet consectetuer tincidunt nunc ac faucibus mattis. Gravida tempus turpis Morbi vitae sed Suspendisse auctor dignissim nulla adipiscing. Adipiscing justo lacinia justo Vivamus Vestibulum amet ut Donec vitae aliquet. Orci tempus orci Donec nibh eget tellus pede semper adipiscing leo. A et id sagittis velit venenatis.</p>
<p>Tellus ridiculus ipsum pretium condimentum Ut elit sed vitae amet In. Curabitur ipsum elit interdum tortor semper at dolor justo consequat leo. Id fermentum vitae tincidunt pretium lacus leo Cras urna risus urna. Pretium Vestibulum et euismod nec pede et tincidunt condimentum laoreet vel. Dolor vestibulum laoreet habitant a Nulla.</p>
<p>Lobortis lobortis quis elit mollis quis risus Morbi in augue montes. Mauris ipsum libero tellus et Quisque id non justo nibh dui. Dui nisl at Fusce Curabitur interdum tincidunt sed Vestibulum platea justo. At ut ante eget ac sem sed nulla id nunc mus. Velit In faucibus a auctor Sed Morbi habitasse est urna natoque. </p>
</div>
<noscript>
<div id=''noscript_warning''>Please enable Javascript!</div>
</noscript>
por lo que el código css:
html, body {
margin: 0;
padding: 0;
height: 100%;
}
p {
margin: 0;
}
#noscript_padding {
padding-top: 1.9em;
}
#noscript_warning {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 101;
text-align: center;
font-weight: bold;
color: #FFF;
background-color: #AE0000;
padding: 5px 0 5px 0;
}
<noscript> está pensado para este tipo de cosas, al igual que <script> está destinado para JS. Tenga en cuenta que utilizando la metaetiqueta de actualización:
<noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html">
</noscript>
significa que esto se deshabilita fácilmente en IE (IE10 al menos) al aumentar la Seguridad de las Opciones de Internet (que probablemente se usó para deshabilitar el JS en primer lugar). La opción "permitir META REFRESH" está deshabilitada cuando se incrementa la configuración de seguridad.
Tienes razon La etiqueta <noscript> se usa para mostrar solo si JavaScript está deshabilitado. Para probar esto , haga lo siguiente:
- Guarde este fragmento en un archivo "test.html".
- Ábrelo con tu brower.
- Habilitar / deshabilitar JavaScript (en Firefox aquí está: Herramientas / Opciones / Contenido / Habilitar JS).
Como puede ver, puede poner cualquier HTML dentro de la etiqueta <noscript> que pondría dentro del cuerpo de una página.
<html>
<body>
<h1>Simple Example Page</h1>
<script type="text/javascript">
document.write("Hi, JavaScript is enabled!");
</script>
<noscript>
<div style="border: 1px solid purple; padding: 10px">
<span style="color:red">JavaScript is not enabled!</span>
</div>
</noscript>
</body>
</html>
<noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html">
</noscript>
no es una buena solución, ya que IE11 (y las anteriores) tienen una opción de seguridad que cuando se configura en ''alto'' desactiva tanto las etiquetas de actualización de Javascript como las de Meta.
La mejor solución que he encontrado para manejar este caso es:
<noscript class="noscript">
<div id="div100">
Please enable javascript in your browser .... blah blah
</div>
</noscript>
<style>
body{
position:relative;
}
.noscript {
width:100%;
height:100%; /* will cover the text displayed when javascript is enabled*/
z-index:100000; /* higher than other z-index */
position:absolute;
}
.noscript #div100{
display:block;
height:100%;
background-color:white;
}
</style>