JavaScript で Safari、Chrome、Firefox、IE、Opera ブラウザを確実に検出するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript で Safari、Chrome、Firefox、IE、Opera ブラウザを確実に検出するにはどうすればよいですか?

Linda Hamilton

リリース： 2024-12-19 11:53:12

オリジナル

151 人が閲覧しました

How Can I Reliably Detect Safari, Chrome, Firefox, IE, and Opera Browsers in JavaScript?

Safari、Chrome、IE、Firefox、および Opera ブラウザを検出する方法

ユーザーのブラウザを特定することは、ユーザーを適切なアドオンまたは拡張機能。ユーザーエージェント文字列のチェックは一般的な方法ですが、スプーフィングが原因で信頼性が低くなる可能性があります。

より堅牢なソリューションを提供するには、ダックタイピングによってブラウザを検出できます。この方法では、ユーザーエージェント文字列に依存するのではなく、ブラウザー固有の API と機能を利用します。この検出方法は、ブラウザー固有のインストール手順など、必要な場合にのみ使用してください。可能な限り、機能検出を優先する必要があります。

ダックタイピングブラウザ検出用の JavaScript コードスニペットは次のとおりです。

// Opera 8.0+
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';

// Safari 3.0+ "[object HTMLElementConstructor]" 
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1 - 79
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

// Edge (based on chromium) detection
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

// Blink engine detection
var isBlink = (isChrome || isOpera) && !!window.CSS;

ログイン後にコピー

これらのブラウザ固有のチェックを利用することで、ユーザーを効果的にリダイレクトできます。それぞれのブラウザに正しいアドオンまたは拡張機能をダウンロードしてください。

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