如何使用 JavaScript 識別使用者的瀏覽器和版本？

使用 JavaScript 識別瀏覽器詳細資訊

使用 JavaScript 確定確切的瀏覽器和版本可以在導航器物件的幫助下實現。該物件提供有關使用者瀏覽環境的資訊。

解決方案：

要偵測瀏覽器及其版本，可以使用以下程式碼片段：

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);

說明：

• 程式碼從導航器物件中提取使用者代理字串。
• 它使用正規表示式以符合瀏覽器名稱和版本。
• 對於 Internet Explorer，它會檢查「trident」和從「rv」欄位中提取版本號。
• 對於 Chrome，它檢查特定模式以區分 Chrome、Opera 和 Edge 瀏覽器。
• 然後程式碼建構一個人類可讀的代表瀏覽器和版本的字串。
• 透過呼叫console.log(navigator.saysWho)，可以在控制台。

以上是如何使用 JavaScript 識別使用者的瀏覽器和版本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！