打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一段原生JS获取浏览器类型、版本的代码
userphoto

2016.12.01

关注

关于获取浏览器版本、类型一直不缺少方法,比如jquery提供了$.browser 也可以方便我们获取,当然有些人更倾向纯JS,因为不依赖插件,下面这个是纯JS获取的方法。

//因为我喜欢把一些常用的功能和代码集合在一起,所以我把它们放在Tools里

var Tools = {

moz: {

width: function () { return document.documentElement.clientWidth; },

height: function () { return document.documentElement.clientHeight; },

browser: '',

version: ''

}

}

//下面是判断浏览器类型和版本的代码:

(function () {

var t = navigator.userAgent.toLowerCase(), re = RegExp;

if (/(msie\s|trident.*rv:)([\w]+).*$/.test(t)) {

Tools.moz.browser = 'ie';

Tools.moz.version = re.$2 || '0';

}

else if (/(firefox)\/([\w.]+)/.test(t)) {

Tools.moz.browser = re.$1 || '';

Tools.moz.version = re.$2 || '0';

}

else if (/(opera).+version\/([\w.]+)$/.test(t)) {

Tools.moz.browser = re.$1 || '';

Tools.moz.version = re.$2 || '0';

}

else if (/(chrome)\/([\w.]+)/.test(t)) {

Tools.moz.browser = re.$1 || '';

Tools.moz.version = re.$2 || '0';

}

else if (/version\/([\w.]+).*(safari)$/.test(t)) {

Tools.moz.browser = re.$1 || '';

Tools.moz.version = re.$2 || '0';

}

})();

//比如要写IE的兼容代码,可以这样用:

if(Tools.moz.browser=='ie'&&Tools.moz.version<>

.......

}

切图社区观点:

jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。

来源切图社区 www.qietu.cn

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
使用jquery插件报错:$.browser is undefined的解决方法
JavaScript检测IE浏览器(最短代码)
用JS识别各版本浏览器
JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
如果页面引用了外部JS代码,会被IE缓存的解决方法
JQuery——判断是什么浏览器
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服