JavaScript判断浏览器类型及版本

最新推荐文章于 2018-11-21 15:46:09 发布

原创最新推荐文章于 2018-11-21 15:46:09 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了两种实用的方法来判断浏览器类型及其版本。第一种方法能快速识别主要浏览器但不包括版本信息；第二种方法则提供了更详细的版本判断逻辑，适用于需要精确识别浏览器版本的场景。

前段时间把jQuery升级到1.11.x后，发现$.browser已经废除，浏览器类型判断对系统前台页面非常重要,于是在网上搜罗了一些浏览器类型及版本的判断方法。

//方法1 判断浏览器版本
//这个方法可以快速判断浏览器类型，但是不能判断浏览器的版本，而且IE 11中userAgent已经不包含msie内容，用msie不能判断IE 11。
var browser = {}, ua = navigator.userAgent.toLowerCase();
browser.firefox = /firefox/.test(ua);
browser.chrome = /chrome/.test(ua);
browser.opera = /opera/.test(ua);
browser.ie = /msie/.test(ua);
//IE 11的userAgent版本为Trident 7.0
if(!browser.ie) browser.ie = /trident 7.0/.test(ua);

//方法2 判断浏览器类型及版本
//这个方法可以判断浏览器的类型及版本，browser.ie的值就是版本号，例如可以根据if(browser.ie)判断是不是ie浏览器，也可以根据browser.ie获取浏览器版本。
var check, browser = {}, ua = navigator.userAgent.toLowerCase();
if(check = ua.match(/msie ([\d.]+)/)){
	browser.ie = check[1];
}else if(check = ua.match(/trident 7.0/)){
	browser.ie = '11.0';
}else if(check = ua.match(/chrome\/([\d.\d]+)/)){
	browser.chrome = check[1];
}else if(check = ua.match(/firefox\/([\d.\d]+)/)){
	browser.firefox = check[1];
}else if(check = ua.match()){
	browser.opera = check[1];
}

//测试
if(browser.ie) document.write('ie:' + browser.ie);
if(browser.chrome) document.write('chrome:' + browser.chrome);