JavaScriptでブラウザ情報を取得する方法:navigator

navigator オブジェクトを使用することでJavaScriptでブラウザの情報を取得することができます。

取得できるプロパティ

navigatorオブジェクトのブラウザに関連する主なプロパティには以下のものがあります。

navigator.userAgentブラウザのユーザエージェントを表す文字列を返す
navigator.appNameブラウザの正式名称を返す
navigator.appVersionブラウザのバージョンを表す文字列を返す
navigator.appCodeNameブラウザの内部コード名を返す
navigator.cookieEnabledブラウザのクッキーが有効かどうかをtrue/falseで返す

navigatorオブジェクトのプロパティを取得する

以下はnavigatorオブジェクトのプロパティからブラウザの情報を取得する例です。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <p>取得したブラウザ情報</p>
    <script type="text/javascript">
      with(document) {
        write("<p>エージェント: "+navigator.userAgent,+"</p>");
        write("<p>ブラウザ名: "+navigator.appName+"</p>");
        write("<p>バージョン番号: "+parseInt(navigator.appVersion)+"</p>");
        write("<p>コード名: "+navigator.appCodeName+"</p>");
        write("<p>Cookiesは有効かどうか?: "+navigator.cookieEnabled+"</p>");
      }
    </script>
  </body>
</html>

Google Chromeで実行した場合

Google Cheomeで実行した場合は以下のような結果になります。実行結果は環境によって異なります。

エージェント: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.110 Safari/537.36NaN
ブラウザ名: Netscape
バージョン番号: 5
コード名: Mozilla
Cookiesは有効かどうか?: true