关闭

JS判断操作系统与浏览器

发表于:2016-3-11 13:40

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:jerrylsxu    来源:51Testing软件测试网采编

  摘要:
  对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。
  操作系统:
var os = (function() {
var UserAgent = navigator.userAgent.toLowerCase();
return {
isIpad          : /ipad/.test(UserAgent),
isIphone        : /iphone os/.test(UserAgent),
isAndroid       : /android/.test(UserAgent),
isWindowsCe     : /windows ce/.test(UserAgent),
isWindowsMobile : /windows mobile/.test(UserAgent),
isWin2K         : /windows nt 5.0/.test(UserAgent),
isXP            : /windows nt 5.1/.test(UserAgent),
isVista         : /windows nt 6.0/.test(UserAgent),
isWin7          : /windows nt 6.1/.test(UserAgent),
isWin8          : /windows nt 6.2/.test(UserAgent),
isWin81         : /windows nt 6.3/.test(UserAgent),
isMac           : /mac os/.test(UserAgent)
};
}());
  如果要判断系统是否是iPad,只需要判断if(os.isIpad) {}.
  浏览器:
var bw = (function() {
var UserAgent = navigator.userAgent.toLowerCase();
return {
isUc      : /ucweb/.test(UserAgent), // UC浏览器
isChrome  : /chrome/.test(UserAgent.substr(-33,6)), // Chrome浏览器
isFirefox : /firefox/.test(UserAgent), // 火狐浏览器
isOpera   : /opera/.test(UserAgent),  // Opera浏览器
isSafire  : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏览器
is360     : /360se/.test(UserAgent), // 360浏览器
isBaidu   : /bidubrowser/.test(UserAgent), // 百度浏览器
isSougou  : /metasr/.test(UserAgent), // 搜狗浏览器
isIE6     : /msie 6.0/.test(UserAgent), // IE6
isIE7     : /msie 7.0/.test(UserAgent), // IE7
isIE8     : /msie 8.0/.test(UserAgent), // IE8
isIE9     : /msie 9.0/.test(UserAgent), // IE9
isIE10    : /msie 10.0/.test(UserAgent), // IE10
isIE11    : /msie 11.0/.test(UserAgent), // IE11
isLB      : /lbbrowser/.test(UserAgent), // 猎豹浏览器
isWX      : /micromessenger/.test(UserAgent), // 微信内置浏览器
isQQ      : /qqbrowser/.test(UserAgent) // QQ浏览器
};
}());
  小结:
  浏览器都是本人亲自测试的,可能会有问题的是chrome浏览器,因为大部分浏览器都是使用WebKit内核,所以我就把chrome的navigator截取出来区分。如果以后chrome的navigator的信息位置或者chrome之后的长度发生改变就容易出现问题,但目前来看是可以的。
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号