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

ブラウザ バージョンの検出: 謎を解く

Web サイトを開発する場合、ユーザーのブラウザのバージョンを確認することは、互換性と調整を確保するために非常に重要です。ユーザーエクスペリエンス。ただし、ブラウザの種類だけでなくバージョンも検出するコードを見つけるのは難しい場合があります。

秘密を明らかにする: ブラウザのウィンドウを覗く

解明するにはこの謎を解決するために、私たちは JavaScript の奥深くを調査し、ブラウザーにそのバージョンを問い合わせて、JavaScript のより明確な全体像を描くことができるソリューションを見つけました。機能.

コード スニペット: ナビゲーターのウィンドウの概要

次のコード スニペットを使用すると、ブラウザの名前とその特定のバージョンをクエリできます。

navigator.sayswho = (function() {
  var ua = navigator.userAgent;
  var tem;
  var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  if (/trident/i.test(M[1])) {
    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
    return 'IE ' + (tem[1] || '');
  }
  if (M[1] === 'Chrome') {
    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
    if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
  }
  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
  if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);
  return M.join(' ');
})();

console.log(navigator.sayswho); // outputs: `Chrome 62`

実践: 現実世界例

この例では、関数 navigator.sayswho が呼び出され、ブラウザの名前とバージョンを含む文字列を返すため、バージョン固有のアクションを実行できます。たとえば、Firefox 3 ユーザー向けにコンテンツを調整したい場合は、次のコードを使用してユーザーの存在を確認できます。

if (navigator.sayswho.includes('Firefox 3')) {
  // Display content specific to Firefox 3
}

結論

JavaScript の力を利用すると、ブラウザのバージョンを検出する秘密を解き明かし、ユーザーのブラウザにシームレスに適応するエクスペリエンスを作成できるようになります。したがって、次回、特定のブラウザ バージョンに合わせたコンテンツを提供する必要があるときは、ブラウザ ウィンドウの謎を解くためのこれらのテクニックを思い出してください。

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