JavaScript Navigator

サマリー: このチュートリアルでは、JavaScript Navigatorオブジェクトとそのプロパティについて学習します。

JavaScript Navigatorオブジェクトの紹介

JavaScript Navigatorは、Webブラウザとその機能に関する情報を提供します。読み取り専用プロパティwindow.navigatorからNavigatorオブジェクトを参照できます。

Navigatorオブジェクトには、ブラウザの情報を伝えるプロパティがあります。たとえば、userAgentはwindow.navigatorオブジェクトのプロパティです。Webブラウザを識別する長い文字列です。

window.navigator.userAgent
Code language: CSS (css)

Google Chromeでは、次のような出力を表示できます

"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36"
Code language: JSON / JSON with Comments (json)

Google Chromeのバージョンによって、userAgentが少し異なる場合があります。

異なるWebブラウザは、標準化されていない特定の機能を提供しています。一部のWebブラウザではユーザーがuserAgentを変更して別のブラウザを使用しているように見せかけることができるため、userAgentを使用してWebブラウザを識別しない方がよいでしょう。

たとえば、次のコードを使用して、現在のWebブラウザがInternet Explorerかどうかを検出できます

if(navigator.userAgent.includes('MSIE')) {
    // IE, use specific features of IE
} else {
    // not IE
}
Code language: JavaScript (javascript)

Webブラウザの特定の機能を使用するには、機能検出を使用できます。たとえば

if( typeof window.addEventListener === 'function' ) {
    // let's use addEventListener
} else {
    // addEventListener is not supported, use another way
}
Code language: JavaScript (javascript)

javascript navigatorプロパティとメソッド

次の表は、JavaScriptのNavigatorプロパティとメソッドを示しています