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

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

Susan Sarandon
Susan Sarandonオリジナル
2024-12-22 03:19:11847ブラウズ

How Can I Reliably Detect a Browser's Version Using JavaScript?

ブラウザのバージョンの検出: 包括的なソリューション

ブラウザのバージョンを確認することは、Web サイトの互換性と機能を最適化するために重要です。ブラウザの種類を識別するのは比較的簡単ですが、特定のバージョンを抽出するのは困難な場合があります。

Navigator.userAgent: 貴重なリソース

navigator.userAgent プロパティは、ブラウザとその環境に関する豊富な情報。このプロパティを活用することで、ブラウザのバージョンについての洞察を得ることができます。

バージョン情報をデコードする堅牢な関数

次の JavaScript 関数 navigator.sayswho は、 navigator.userAgent の機能により、ブラウザのタイプとversion:

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 関数をコードに組み込むと、ブラウザのバージョンを効果的に検出して、Web サイトのパフォーマンスを最適化し、ユーザーの特定のブラウザ機能に対応するために必要なデータを提供できます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。