ホームページ > ウェブフロントエンド > jsチュートリアル > すべての主要なブラウザで JavaScript を使用してブラウザのバージョンとオペレーティング システムを検出する方法

すべての主要なブラウザで JavaScript を使用してブラウザのバージョンとオペレーティング システムを検出する方法

Patricia Arquette
リリース: 2024-11-27 13:03:13
オリジナル
435 人が閲覧しました

How to Detect Browser Version and Operating System with JavaScript Across All Major Browsers?

JavaScript を使用したブラウザのバージョンとオペレーティング システムの検出

現在の実装は、すべてのブラウザで一貫してサポートされているわけではないプロパティを利用しているため、Chrome と Mozilla でのみ機能します。すべての主要なブラウザで動作する包括的なソリューションを入手するには、次の手順に従います:

  1. ブラウザの詳細を取得します:

    var nVer = navigator.appVersion;
    var nAgt = navigator.userAgent;
    var browserName = navigator.appName;
    ログイン後にコピー
  2. バージョンの抽出番号:

    • indexOf() メソッドを使用して、ユーザー エージェント文字列内のバージョンの開始位置を見つけます。

      var verOffset = nAgt.indexOf("Firefox");  // for Firefox
      ログイン後にコピー
    • 計算同様のアプローチを使用する他のブラウザの開始位置。
    • 次の方法でバージョン番号を抽出します。識別された位置から始まるユーザー エージェント文字列をスライスします。

      var fullVersion = nAgt.substring(verOffset + 8);
      ログイン後にコピー
  3. バージョン文字列の解析とトリミング:

    • セミコロン (;) 以降の末尾の文字を削除するか、抽出された文字列内のスペース ( )。

      if ((ix = fullVersion.indexOf(";")) != -1)
      fullVersion = fullVersion.substring(0, ix);
      if ((ix = fullVersion.indexOf(" ")) != -1)
      fullVersion = fullVersion.substring(0, ix);
      ログイン後にコピー
  4. メジャー バージョンの抽出:

    • バージョン文字列を解析して、 integer.

      var majorVersion = parseInt(fullVersion, 10);
      ログイン後にコピー
  5. 表示結果:

    document.write(''
    + 'Browser name  = ' + browserName + '<br>'
    + 'Full version  = ' + fullVersion + '<br>'
    + 'Major version = ' + majorVersion + '<br>'
    + 'navigator.appName = ' + navigator.appName + '<br>'
    + 'navigator.userAgent = ' + navigator.userAgent + '<br>'
    );
    ログイン後にコピー

提供されたスニペットを使用すると、複数のブラウザ間でブラウザのバージョンとオペレーティング システムを正確に検出し、結果をユーザーフレンドリーな形式。

以上がすべての主要なブラウザで JavaScript を使用してブラウザのバージョンとオペレーティング システムを検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート