ユーザーエージェントを取得する(navigator.userAgent)

windows.navigator オブジェクトの userAgent プロパティを参照すると、 Web ページにアクセスしてきた利用者の OS やブラウザの種類などの情報が含まれる Uger Agent (ユーザーエージェント) を取得することができます。ここでは JavaScript を使ってユーザーエージェントを取得する方法について解説します。

(Last modified: 2023年02月03日)

ユーザーエージェントを取得する

ユーザーエージェントを取得する

window.navigator オブジェクトで用意されている userAgent プロパティを参照すると、ユーザーエージェントを取得することができます。書式は次のとおりです。

navigator.userAgent

ユーザーエージェントとは、 Web ページにアクセスしたきたユーザーの OS や使用しているブラウザの種類などが含まれる文字列のことです。ユーザーが PC からアクセスしてきているのか、それともスマートフォンからアクセスしてきているのかによって表示する内容を変えたりする場合に参照されることがあります。

ユーザーエージェントはユーザー側で実際とは異なる値に変更することができますので注意は必要です。またユーザーエージェントは将来的に廃止される予定です。

サンプルコード

次のサンプルを見てください。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>
<body>

<h1>サンプル</h1>

<p id="msg">ユーザーエージェントを表示します</p>

<script>
let element = document.getElementById('msg');
element.insertAdjacentHTML('afterend', '<p>' + navigator.userAgent + '</p>');
</script>

</body>
</html>

ブラウザで Web ページを表示すると、ユーザーのユーザーエージェントを表示します。今回は Windows 10(64bit) 環境で試しています。

Google Chrome 87.0.4280.88 の場合は次のように表示されました。

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

ユーザーエージェントを取得する(1)