HTMLのnavigator.appVersionプロパティとは？使い方とサンプルコードを解説
HTMLの navigator.appVersion プロパティは、ユーザーが使用しているブラウザのバージョン情報を文字列として返します。このプロパティは window.navigator オブジェクトの一部であり、ブラウザの種類やバージョン、OSに関する情報などを取得する際に利用されます。
なお、近年のブラウザではプライバシー保護の観点から、返される文字列の内容が限定的になっている点に注意が必要です。より詳細な情報を取得したい場合は、userAgent プロパティの利用も検討するとよいでしょう。
構文
appVersionプロパティの基本的な構文は以下のとおりです。
navigator.appVersion
引数は不要で、プロパティにアクセスするだけでブラウザのバージョン情報を含む文字列が返されます。
サンプルコード
ここでは、ボタンをクリックするとブラウザのバージョン情報を画面に表示する簡単なデモを紹介します。
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 20px;
width: 330px;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.5rem;
color: #fff;
}
</style>
<body>
<h1>HTML navigator appVersion property デモ</h1>
<button class="btn" onclick="display()">ブラウザのバージョン情報を表示</button>
<div class="show"></div>
<script>
function display() {
document.querySelector(".show").innerHTML = "<p>ブラウザのバージョン情報：</p>" + "<p>" + navigator.appVersion + "</p>";
}
</script>
</body>
</html>実行結果
上記のコードをブラウザで開くと、次のような画面が表示されます。
「ブラウザのバージョン情報を表示」ボタンをクリックすると、使用中のブラウザのバージョン情報が画面に出力されます。
まとめ
navigator.appVersion プロパティを使えば、JavaScriptだけで簡単にブラウザのバージョン情報を取得できます。ブラウザごとの挙動を判定したい場合や、デバッグ時に環境情報を確認したい場合などに役立ちます。ただし、返される文字列の形式はブラウザによって異なるため、実運用では機能検出（フィーチャーデテクション）と組み合わせて使うことが推奨されます。
-
HTMLのnavigator.platformプロパティとは？使い方とサンプルコードを解説
HTMLのnavigator.platformプロパティは、ブラウザがコンパイルされた（動作している）プラットフォームの情報を文字列として返します。このプロパティを利用することで、JavaScriptからユーザーのOS環境に関する情報を取得できます。 構文 navigator.platformプロパティの構文は以下の通りです。 navigator.platform 戻り値 このプロパティは、プラットフォーム名を表す文字列を返します。主な戻り値の例は以下の通りです。 Windows環境：「Win32」 Mac環境：「MacIntel」 Linux環境：「Linux x86_64」など HTM
-
HTMLのnavigator.onLineプロパティでブラウザのオンライン・オフライン状態を判定する方法
navigator.onLineプロパティは、ブラウザが現在オンライン状態かオフライン状態かを示す真偽値（boolean）を返します。このプロパティを活用すれば、ユーザーのネットワーク接続状況をJavaScriptで簡単に検出し、それに応じた処理を実装することができます。 構文 基本的な構文は以下のとおりです。 navigator.onLine 戻り値は次のようになります。 オンラインの場合：true オフラインの場合：false サンプルコード ここでは、HTMLのnavigator onLineプロパティを使用した具体的な例を紹介します。ボタンをクリックすると、ブラウザがオンラインかオ