Comment Afficher un Message si JavaScript est Désactivé?

JavaScript est l'une des principales fonctionnalités du navigateur. De nombreux sites Web dépendent de JavaScript pour fonctionner correctement. Votre site Web peut ne pas être accessible s'il est désactivé. Cependant, de nombreux utilisateurs désactivent JavaScript sur leurs navigateurs pour des raisons de sécurité. C’est pourquoi vous devez vous assurer que votre site Web fonctionnera toujours correctement, même si JavaScript est désactivé. En outre, toutes les validations doivent être dupliquées côté client et côté serveur pour que vous puissiez tout détecter en cas de désactivation de JavaScript. Si vous avez un contenu qui ne fonctionnera pas sans JavaScript, vous devez afficher un message avec une explication du problème. Dans cet extrait, nous allons examiner 2 méthodes simples pour afficher le contenu lorsque JavaScript est désactivé.

1. Utiliser la balise HTML <noscript>

La balise HTML<noscript> a un contenu alternatif, qui est affiché dans les navigateurs ne prenant pas en charge les scripts, ou dans les navigateurs, dans lesquels la prise en charge des scripts est désactivée par l’utilisateur.

Donc, lorsque JavaScript est désactivé, nous pouvons utiliser la balise <noscript> pour afficher un message d'avertissement et masquer tout le contenu avec CSS.

Ça ressemble à ça:

<noscript>
La vidéo ne peut pas être lue car le JavaScript est désactivé.
</noscript>

Voyons maintenant un exemple:

Exemple

<!DOCTYPE html>
<html>
  <head>Titre du document</head>
  <body>
    <h1>Exemple de la balise noscript</h1>
    <noscript>
      <h2>Javascript est désactivé dans votre navigateur web. Certaines fonctionnalités ne fonctionneront pas correctement.</h2>
      <style type="text/css">
        #main-content { display:none; }
      </style>
    </noscript>
    <div id="main-content">
      <h2>Je suis content que JavaScript soit activé!</h2>
    </div>
  </body>
</html>

2. Utiliser la méthode meta refresh

De nombreux développeurs suggèrent une autre méthode pour afficher le contenu lorsque JavaScript est désactivé. Nous avons simplement besoin de rediriger vers une page, où nous pouvons afficher le message que JavaScript est désactivé. Pour ce faire, nous pouvons utiliser la méthode meta refresh, qui consiste en balise HTML <meta> avec le paramètre http-equiv défini sur "refresh" et un paramètre de contenu donnant l'intervalle de temps en secondes, de sorte que l'utilisateur sera redirigé vers une autre page dans l'intervalle spécifié dans cet en-tête. En définissant l'intervalle d'actualisation sur zéro (ou sur une valeur très faible), l'actualisation meta peut être utilisée comme méthode de redirection d'URL. Voici à quoi ça ressemble:

<noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html"> </noscript>

Donc, comme nous pouvons le constater dans le code ci-dessus, le JavaScript étant désactivé dans cette page, le navigateur est redirigé vers "ShowErrorPage.html", où il affiche un message d'avertissement.

C’est tout - simple et rapide :)


Trouvez-vous cela utile?

Articles Associées