Vous venez de mettre au point votre site Web. Or, en l’affichant avec différents navigateurs (Internet Explorer, Mozilla, Opera…), vous réalisez que son apparence change d’un programme à l’autre. Ces derniers interprètent en effet différemment votre code source. De la même façon, le système d’exploitation de vos visiteurs peut perturber l’affichage d’une page puisque le graphisme n’est pas identique sous Linux, Windows ou Mac OS.Dans le langage JavaScript, l’objet Navigator possède des variables donnant des informations sur le navigateur et l’ordinateur de vos visiteurs. Une de ces variables, nommée navigator.userAgent, est très importante puisqu’elle fournit le maximum d’informations. De plus, elle est reconnue par tous les navigateurs. Si votre programme examine le contenu de cette variable, vous serez à même de déterminer le navigateur de vos visiteurs afin de les rediriger vers la page optimisée pour leur système ou de ne pas exécuter des fonctions non gérées.Recopiez le listing ci-dessous dans la page d’accueil de votre site en le plaçant entre les balises <SCRIPT language=”Javascript”> et </SCRIPT> dans la balise Body.Mais attention : il y a un piège. L’ordre de détection du navigateur est très important. Ainsi, Opera ajoute des chaînes de caractères ‘ msie ‘ typiques d’Internet Explorer dans la variable navigator.userAgent. Cela signifie que si vous commencez par le test ‘ le navigateur est-il Internet Explorer ? ‘, la réponse sera oui même si c’est Opera. En revanche, en comparant d’abord la variable avec la chaîne de caractères ‘ opera ‘, vous obtiendrez le bon résultat.L’astuce consiste donc à comparer la variable navigator.userAgent avec les noms des navigateurs peu répandus pour terminer avec les plus communs. A la fin du script, les variables browser, version et OS contiennent respectivement le nom du navigateur du surfeur qui visite votre site, sa version et son système d’exploitation. De simples boucles conditionnelles (fondées sur l’instruction if) vous permettent alors de modifier les traitements à faire.
🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.
