ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用してユーザーのブラウザとバージョンを特定するにはどうすればよいですか?

JavaScript を使用してユーザーのブラウザとバージョンを特定するにはどうすればよいですか?

DDD
リリース: 2024-12-09 07:21:09
オリジナル
795 人が閲覧しました

How Can I Identify a User's Browser and Version Using JavaScript?

JavaScript を使用したブラウザの詳細の識別

JavaScript を使用して正確なブラウザとバージョンを確認するには、ナビゲータ オブジェクトを使用します。このオブジェクトは、ユーザーの閲覧環境に関する情報を提供します。

解決策:

ブラウザとそのバージョンを検出するには、次のコードを利用できます。スニペット:

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);
ログイン後にコピー

説明:

  • このコードは、ナビゲーター オブジェクトからユーザー エージェント文字列を抽出します。
  • 正規表現を使用します。
  • Internet Explorer の場合、「trident」と「rv」フィールドからバージョン番号を抽出します。
  • Chrome の場合、Chrome、Opera、および Edge ブラウザを区別するために特定のパターンがチェックされます。
  • コードはその後、人間が判読できる形式のコードを構築します。ブラウザとバージョンを表す文字列。
  • console.log(navigator.saysWho) を呼び出すと、特定されたブラウザの詳細をコンソール。

以上がJavaScript を使用してユーザーのブラウザとバージョンを特定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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