如何可靠地偵測瀏覽器是否為 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 通常將「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中文網其他相關文章！