JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでブラウザのアプリケーション名とバージョン情報を取得する方法を徹底解説

JavaScriptには、ブラウザに関するさまざまな情報を取得できるnavigatorオブジェクトが標準で用意されています。このうち、アプリケーション名とバージョン情報を取得するには、それぞれnavigator.appNameプロパティとnavigator.appVersionプロパティを使用します。本記事では、それぞれの使い方について具体例を挙げながら詳しく解説します。

ブラウザのアプリケーション名を取得する（navigator.appName）

アプリケーション名を取得するには、navigator.appNameプロパティを使います。少し意外に感じるかもしれませんが、IE11・Chrome・Firefox・Safariといった主要ブラウザでは、この値はすべて「Netscape」という文字列を返します。これは過去のブラウザとの互換性を維持するための歴史的経緯によるものであり、実際にNetscapeブラウザが使用されているわけではない点に注意してください。

サンプルコード

<html>
<body>
<script>
   document.write(navigator.appName);
</script>
</body>
</html>

実行結果

Netscape


ブラウザのバージョン情報を取得する（navigator.appVersion）

ブラウザのバージョン情報を取得するには、navigator.appVersionプロパティを使用します。このプロパティは、ブラウザのバージョン番号だけでなく、OSプラットフォームやレンダリングエンジンの種類など、ユーザーエージェントに関連する詳細情報を1つの文字列として返します。

サンプルコード

<html>
<body>
<script>
   document.write(navigator.appVersion);
</script>
</body>
</html>

実行結果

5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36


補足：ブラウザ判別にはuserAgentの活用が有効

上述のとおり、appNameは多くのブラウザで同一の「Netscape」を返すため、ブラウザの種類を判別する用途には適していません。より詳細な情報が必要な場合は、navigator.userAgentプロパティを参照し、その内容を解析するのが一般的です。ただし、ユーザーエージェント文字列はユーザー側で偽装可能なため、特定機能が利用可能かどうかを確認する「機能検出（feature detection）」によるアプローチがベストプラクティスとして推奨されています。

  1. JavaScriptでブラウザのバージョンを検出する方法

    クライアント側（ユーザーのブラウザ）でブラウザの種類やバージョンを検出したい場合、JavaScriptの navigator.appVersion または navigator.userAgent プロパティの値を解析することで実現できます。 ブラウザ情報を取得するプロパティ navigator オブジェクトは、実行中のブラウザに関するさまざまな情報を保持しています。主なプロパティは以下のとおりです。 navigator.appVersion … ブラウザのバージョンおよびプラットフォーム情報を返します。 navigator.userAgent … ブラウザがサーバーに送信するユーザーエージェ

  2. Androidアプリのバージョン名を取得する方法をステップ形式で解説

    この記事では、Androidアプリケーションのバージョン名（versionName）を取得して画面に表示する方法を、サンプルコードとともにわかりやすく解説します。バージョン名は、アプリの設定画面や「このアプリについて」の表示など、さまざまな場面で利用される重要な情報です。AndroidではPackageManagerクラスとPackageInfoクラスを組み合わせることで、簡単に取得できます。手順1：新規プロジェクトの作成まず、Android Studioで新しいプロジェクトを作成します。メニューから File → New Project を選択し、必要な情報を入力してプロジェクトを作成してく