ホームページ  >  記事  >  ウェブフロントエンド  >  ブラウザが Google Chrome かどうかを確実に検出する方法

ブラウザが Google Chrome かどうかを確実に検出する方法

Barbara Streisand
Barbara Streisandオリジナル
2024-11-01 08:33:30996ブラウズ

How to Reliably Detect if a Browser is Google Chrome?

ブラウザが Google Chrome かどうかを確認する方法

はじめに

ユーザーのブラウザの識別ブラウザ固有の機能を実装したり、ユーザー エクスペリエンスをカスタマイズしたりする場合に重要になることがあります。この記事では、ユーザーのブラウザが Google Chrome であるかどうかの検出について詳しく説明します。

検出方法

ブラウザが Google Chrome であるかどうかを確認するには、いくつかの要素を確認する必要があります。考慮対象:

  1. window.chrome: このプロパティは当初 Chrome を検出するために使用されましたが、他のブラウザ (Edge や Opera など) も true を返すため、信頼性がなくなりました。このプロパティ。
  2. window.navigator.vendor: Chrome はこのプロパティを「Google Inc.」に設定しますが、他のブラウザではベンダー値が異なります。
  3. window .navigator.userAgent: このプロパティにはブラウザ固有の情報が含まれます。 Chrome の場合、ユーザー エージェント文字列に「Chrome/」が含まれます。
  4. window.navigator.userAgentData.brands (ブランド配列): この配列には、ブラウザーのブランドとバージョン情報が含まれます。通常、Chrome には、この配列の 2 番目のブランドとして「Google Chrome」があります。
  5. Firefox のチェック: 一部の検出方法では、ユーザー エージェント文字列に基づいて Firefox を誤って Chrome として識別する可能性があるため、このチェックが必要です。類似点。 Firefox には独自のユーザー エージェント文字列があります。

更新された検出アルゴリズム

上記の要素に基づいて、Google を検出するための最新のアルゴリズムChrome は次のとおりです:

<code class="javascript">var isChromium = window.chrome;
var winNav = window.navigator;
var vendorName = winNav.vendor;
var isOpera = typeof window.opr !== "undefined";
var isFirefox = winNav.userAgent.indexOf("Firefox") > -1;
var isIEedge = winNav.userAgent.indexOf("Edg") > -1;
var isIOSChrome = winNav.userAgent.match("CriOS");
var isGoogleChrome = (typeof winNav.userAgentData !== "undefined") ? winNav.userAgentData.brands[2].brand === "Google Chrome" : vendorName === "Google Inc." && !isOpera && !isIEedge && !isFirefox && !isIOSChrome;

if (isChromium !== null && typeof isChromium !== "undefined" && vendorName === "Google Inc." && !isOpera && !isIEedge && isGoogleChrome) {
    console.log("Browser is Google Chrome");
} else {
    console.log("Browser is not Google Chrome");
}</code>

使用例

この検出方法は、カスタマイズされたメッセージの表示やブラウザ固有の機能のトリガーなど、さまざまなシナリオで使用できます:

<code class="javascript">// Example: Display a welcome message
if (isGoogleChrome) {
    alert("Welcome to Chrome!");
} else {
    alert("Welcome to another browser!");
}</code>

結論

この記事で提供される更新された検出アルゴリズムは、ユーザーのブラウザが Google Chrome であるかどうかを判断するための包括的かつ正確な方法を提供します。この方法は、複数の要素とブラウザー固有のチェックを組み込むことにより、さまざまなブラウザーとその進化するユーザー エージェントとプロパティにわたって信頼性の高い検出を保証します。

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

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