ナビゲーターオブジェクト

navigator

  • navigator オブジェクトは、ブラウザーの情報を表します。

  • navigator.appName: ブラウザーの名前、

  • navigator の言語。ブラウザによって設定された言語;

  • navigator.platform: オペレーティング システムの種類;

  • navigator.userAgent: ブラウザによって設定されたユーザー エージェント文字列。

  • <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>
  • ナビゲーターの情報はユーザーが簡単に変更できるため、JavaScriptで読み取った値が必ずしも正しいとは限らないことにご注意ください。ブラウザごとに異なるコードを記述するために、多くの初心者はブラウザのバージョンを判断するために if を使用することを好みます。例:

var width;

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

しかし、これは判断を不正確にするだけでなく、コードを保守するのが難しい。正しい方法は、存在しないプロパティに対して未定義を返す JavaScript の機能を最大限に活用し、短絡演算子 || を直接使用して計算することです。

学び続ける
||
<!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>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜