Comment alerter les visiteurs que votre site requires javascript

De nombreux utilisateurs se méfient de permettre le support de javascript pour les sites, car ils ne veulent pas télécharger un virus ou ont d'autres mauvaises choses arrivent à leurs systèmes. En outre, les gens sont devenus moins réceptifs à l'aide de scripts, car ils font parfois des choses que l'utilisateur ne veut pas, comme saisir l'identité de l'utilisateur. Lorsqu'un utilisateur active javascript pour votre application, il représente une relation de confiance entre l'utilisateur et vous.

Sommaire

  • Utilisation de la balise noscript
  • Utilisation des styles
  • Bien sûr, l'utilisateur a besoin de savoir que votre site nécessite javascript afin de lui permettre. Tenez compte de ces deux options:

    Utilisez le

    La est une balise spéciale que le navigateur réagit à quand le support de scripts ne sont pas disponibles sur le système local. Ceci est une balise standard que chaque navigateur actuellement sur le marché devrait soutenir, il représente le plus sûr et le plus fiable de dire à un utilisateur que votre site nécessite le support de javascript.

    Cependant, certaines personnes se sont plaints que le tag peut également provoquer des effets indésirables avec certains périphériques, tels que le scintillement sur les smartphones. Si vous recevez des plaintes d'utilisateurs sur cette question, vous pourriez avoir à recourir à la technique suivante, même si elle est moins fiable.




    Utilisation de la balise NoScript

    Utilisation de la balise NoScript

    Cette approche est assez simple. Lorsque vous essayez l'exemple, vous voyez l'un des deux messages. Si vous avez activer javascript, vous voir “ Vous avez le javascript ”!; Sinon, vous voyez “ S'il vous plaît activer javascript pour utiliser cette page ”!; Essayez de désactiver le support de javascript dans votre navigateur et rafraîchir cette page pour voir le message alternative.

    Utilisez les styles pour recevoir une alerte javascript

    L'approche des styles repose sur l'utilisation de feuilles de style en cascade (CSS) pour créer une condition où un message est affiché lorsque les scripts sont désactivés. Le problème avec cette approche est que chaque navigateur prend en charge. Oui, les nouveaux navigateurs prennent en charge cette technique très bien, mais si vous rencontrez des utilisateurs avec les anciens navigateurs, votre application pourrait rencontrer des problèmes. L'exemple suivant montre comment utiliser cette technique.

    Utilisation des styles

    Utilisation des styles

    S'il vous plaît activer javascript pour utiliser cette page!

    Cette technique repose sur un truc simple. Lorsque les scripts est activée, le premier script crée un style pour la première

    tag qui cache l'information dans ce paragraphe en ajoutant le display: none style. La présence de support de script permet également de la deuxième manche de script, qui affiche le “ Vous avez le javascript ”!; message.

    Lorsque le script est désactivé, le premier script ne peut pas fonctionner, donc il n'y a pas de style spéciale pour le

    tag avec un id de NoJS. Cela signifie que le “ S'il vous plaît activer javascript pour utiliser cette page ”!; message est affiché. Cependant, parce qu'il n'y a pas de support de script, le second script échoue également, ce qui signifie que vous ne verrez pas le message javascript. Essayez cet exemple en permettant, puis de désactiver, support javascript sur votre navigateur.


    » » » » Comment alerter les visiteurs que votre site requires javascript