如何使用 JavaScript 檢測使用者的瀏覽器版本？

瀏覽器版本偵測：揭開謎底

開發網站時，確定使用者瀏覽器的版本對於確保相容性和客製化至關重要使用者體驗。然而，找到不僅檢測瀏覽器類型而且檢測瀏覽器版本的程式碼可能具有挑戰性。

揭開秘密：窺探瀏覽器視窗

揭開謎底為了解決這個謎團，我們深入研究了JavaScript，找到了一個解決方案，可以讓我們查詢瀏覽器的版本，更清楚地了解其版本

程式碼片段：導航器視窗一瞥

以下程式碼片段使您能夠查詢瀏覽器的名稱及其特定版本：

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 並傳回包含瀏覽器名稱和版本的字串，允許您執行特定於版本的操作。例如，如果您想為Firefox 3 使用者自訂內容，您可以使用以下程式碼來檢查他們的存在：

if (navigator.sayswho.includes('Firefox 3')) {
  // Display content specific to Firefox 3
}

結論

利用借助JavaScript 的強大功能，您可以揭開檢測瀏覽器版本的秘密，使您能夠創建無縫適應用戶瀏覽器的體驗。因此，下次您需要提供針對特定瀏覽器版本客製化的內容時，請記住這些解鎖瀏覽器視窗之謎的技術。

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