JavaScript Navigatorオブジェクトの使い方

JavaScriptのNavigatorオブジェクトはウェブブラウザの情報を取得できるオブジェクトです。この記事では、Navigatorオブジェクトとその使い方をサンプルを交えてご紹介します。

NavigatorオブジェクトはWindowオブジェクトの一部であり、window.navigatorプロパティを通じてアクセスできる。

Navigatorオブジェクトのプロパティ

Navigatorオブジェクトのメソッド

appCodeName

navigator.appCodeNameは、ウェブブラウザのコード名を示すプロパティである。

<script>
  document.writeln(navigator.appCodeName);
</script>

appName

navigator.appNameは、ウェブブラウザの名前を示すプロパティである。

<script>
  document.writeln(navigator.appName);
</script>

appVersion

navigator.appVersionは、ウェブブラウザのバージョン情報を示すプロパティである。

<script>
  document.writeln(navigator.appVersion);
</script>

cookieEnabled

navigator.cookieEnabledは、ウェブブラウザのクッキーが有効かどうかを示すプロパティである。

<script>
  document.writeln(navigator.cookieEnabled);
</script>

platform

navigator.platformは、どのプラットフォームでブラウザがコンパイルされたかを示すプロパティである。

<script>
  document.writeln(navigator.platform);
</script>

userAgent

navigator.userAgentは、ウェブブラウザのユーザエージェントを示すプロパティである。

<script>
  document.writeln(navigator.userAgent);
</script>

ユーザエージェント文字列からウェブブラウザの種類を判定できる。

ブラウザの種類を判定する例を示す。

document.write(browser());

function browser() {
  if (navigator.userAgent.indexOf("Chrome") !== -1) {
    return "Chrome";
  } else if (navigator.userAgent.indexOf("Trident") !== -1) {
    return "Internet Explorer 11";
  } else if (navigator.userAgent.indexOf("Edge") !== -1) {
    return "Edge";
  } else if (navigator.userAgent.indexOf("Firefox") !== -1) {
    return "Firefox";
  } else if (navigator.userAgent.indexOf("MSIE") !== -1) {
    return "Internet Explorer 10";
  } else if (navigator.userAgent.indexOf("Opera") !== -1) {
    return "Opera";
  } else if (navigator.userAgent.indexOf("Sarafi") !== -1) {
    return "Safari";
  }
}

taintEnabledメソッド

taintEnabledメソッドは、ブラウザがユーザに非通知でデータ送信(データテイント機能)を有効にするかどうかを指定するブール値を返す。