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 サイトの他の関連記事を参照してください。