JavaScript 判断浏览器类型及版本

沃梦达教程前端开发

2024-01-06 3

JavaScript 判断浏览器类型及版本是前端开发中的一个常见需求，下面为大家介绍一下如何进行判断。

JavaScript 判断浏览器类型及版本是前端开发中的一个常见需求，下面为大家介绍一下如何进行判断。

获取userAgent字符串

在判断浏览器类型和版本之前，我们需要先获取浏览器的userAgent字符串。这可以通过JavaScript里的navigator对象来实现：

var ua = navigator.userAgent.toLowerCase();

获取到浏览器的userAgent字符串后，就可以根据不同的字符特征来判断浏览器类型了。以下是判断主要浏览器的示例代码：

if (/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)) {
    console.log("This is Chrome browser");
}

if (/firefox/i.test(ua) && /mozilla/i.test(ua)) {
    console.log("This is Firefox browser");
}

if (/safari/i.test(ua) && /applewebkit/i.test(ua)) {
    console.log("This is Safari browser");
}

if (/msie|trident/i.test(ua)) {
    console.log("This is IE browser");
}

if (/edge/i.test(ua)) {
    console.log("This is Edge browser");
}

除了判断浏览器类型之外，还有时候需要根据不同版本的浏览器来做出不同的处理。以下是判断一些主要浏览器版本的示例代码：

var chromeVersion = ua.match(/chrome\/([\d.]+)/) && ua.match(/chrome\/([\d.]+)/)[1];
console.log("Chrome version is: " + chromeVersion);

var firefoxVersion = ua.match(/firefox\/([\d.]+)/) && ua.match(/firefox\/([\d.]+)/)[1];
console.log("Firefox version is: " + firefoxVersion);

var safariVersion = ua.match(/version\/([\d.]+)/) && ua.match(/version\/([\d.]+)/)[1];
console.log("Safari version is: " + safariVersion);

if (/msie (\d+\.\d+)/i.test(ua)) {
    var ieVersion = parseFloat(RegExp.$1);
    console.log("IE version is: " + ieVersion);
}

if (/edge\/([\d.]+)/i.test(ua)) {
    var edgeVersion = parseFloat(RegExp.$1);
    console.log("Edge version is: " + edgeVersion);
}

以上就是 JavaScript 判断浏览器类型及版本的完整攻略，希望能对大家有所帮助。

本文标题为：JavaScript 判断浏览器类型及版本

上一篇：通过fastclick源码分析彻底解决tap“点透”