JavaScriptでブラウザ情報を取得する方法：navigator
navigator オブジェクトを使用することでJavaScriptでブラウザの情報を取得することができます。
取得できるプロパティ
navigatorオブジェクトのブラウザに関連する主なプロパティには以下のものがあります。
| navigator.userAgent | ブラウザのユーザエージェントを表す文字列を返す |
| navigator.appName | ブラウザの正式名称を返す |
| navigator.appVersion | ブラウザのバージョンを表す文字列を返す |
| navigator.appCodeName | ブラウザの内部コード名を返す |
| navigator.cookieEnabled | ブラウザのクッキーが有効かどうかをtrue/falseで返す |
以下は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