请选择 进入手机版 | 继续访问电脑版

切图社区

写日志
关注切图网公众微信:qietuwang

一段原生JS获取浏览器类型、版本的代码 398/3

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



  1. //因为我喜欢把一些常用的功能和代码集合在一起,所以我把它们放在Tools里
  2. var Tools = {
  3.         moz: {
  4.                 width: function () { return document.documentElement.clientWidth; },
  5.                 height: function () { return document.documentElement.clientHeight; },
  6.                 browser: '',
  7.                 version: ''
  8.             }
  9. }
  10. //下面是判断浏览器类型和版本的代码:
  11. (function () {
  12.     var t = navigator.userAgent.toLowerCase(), re = RegExp;
  13.     if (/(msie\s|trident.*rv:)([\w]+).*$/.test(t)) {
  14.         Tools.moz.browser = 'ie';
  15.         Tools.moz.version = re.$2 || '0';
  16.     }
  17.     else if (/(firefox)\/([\w.]+)/.test(t)) {
  18.         Tools.moz.browser = re.$1 || '';
  19.         Tools.moz.version = re.$2 || '0';
  20.     }
  21.     else if (/(opera).+version\/([\w.]+)$/.test(t)) {
  22.         Tools.moz.browser = re.$1 || '';
  23.         Tools.moz.version = re.$2 || '0';
  24.     }
  25.     else if (/(chrome)\/([\w.]+)/.test(t)) {
  26.         Tools.moz.browser = re.$1 || '';
  27.         Tools.moz.version = re.$2 || '0';
  28.     }
  29.     else if (/version\/([\w.]+).*(safari)$/.test(t)) {
  30.         Tools.moz.browser = re.$1 || '';
  31.         Tools.moz.version = re.$2 || '0';
  32.     }
  33. })();
  34. //比如要写IE的兼容代码,可以这样用:
  35. if(Tools.moz.browser=='ie'&&Tools.moz.version<9){
  36.         .......
  37. }
复制代码

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?加入切图

x
回复

使用道具

jingpg
2016-12-1 13:57:53
收藏了,下回碰到试一试
回复 支持

使用道具

leeyuzhang
2016-12-1 14:02:03
我一般用jquery的$.browser来获取 也很方便
回复 支持

使用道具

jingpg
2016-12-1 14:03:01
leeyuzhang 发表于 2016-12-1 14:02
我一般用jquery的$.browser来获取 也很方便

哈哈 ,我也是
回复 支持

使用道具

您需要登录后才可以回帖 登录 | 加入切图

站内地图
走进切.入口
作品案例
学员评价
常见问题
博客
快捷导航
讲师介绍
课程大纲
课程大纲版本2
3个月线上培训
费用立减1000
一路的历程
实战? 全栈?
链接
优酷
微博
豆瓣
七牛云存储
切图社区
SLICY切图框架
加入千人学习
QQ群:308736107
联系方式
上班时间
周一至周五 9 ~ 18
联系电话
+86 400-0724-120
服务邮箱
fuwu@qietu.com
廉政/投诉邮箱
tousu@qietu.com
快速回复 返回顶部 返回列表