objet navigateur

navigator

  • l'objet navigateur représente les informations du navigateur. Les attributs les plus couramment utilisés incluent :

  • navigator.appName : <🎜 ; >

  • navigator.appVersion : version du navigateur ;

  • navigator.langue : langue de configuration du navigateur

  • navigateur ; .platform : type de système d'exploitation ;

  • navigator.userAgent : chaîne User-Agent définie par le navigateur.

  • <html>
    <head>
        <script>
            'use strict';
            alert('appName = ' + navigator.appName + '\n' +
                    'appVersion = ' + navigator.appVersion + '\n' +
                    'language = ' + navigator.language + '\n' +
                    'platform = ' + navigator.platform + '\n' +
                    'userAgent = ' + navigator.userAgent);
        </script>
    </head>
    <body>
    </body>
    </html>
Veuillez noter que les informations du navigateur peuvent être facilement modifiées par l'utilisateur, donc la valeur lue par JavaScript peut ne pas être nécessairement correcte. Afin d'écrire différents codes pour différents navigateurs, de nombreux débutants aiment utiliser if pour déterminer la version du navigateur, par exemple :


var width;

if (getIEVersion(navigator.userAgent) < 9) {
    width = document.body.clientWidth;
} else {
    width = window.innerWidth;
}

Mais de cette façon, le jugement peut être inexact et il est difficile de maintenir le code. La bonne façon est d'utiliser pleinement la fonctionnalité JavaScript consistant à renvoyer undéfini pour les propriétés inexistantes et d'utiliser directement l'opérateur de court-circuit || pour calculer :

var width = window.innerWidth || document.body.clientWidth;
Formation continue
||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<br>"); document.write("Browser version"+b_version); </script> </head> <body> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel