封装好的js判断操作系统与浏览器代码分享

前端之家收集整理的这篇文章主要介绍了封装好的js判断操作系统与浏览器代码分享前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

摘要

  对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法

操作系统:

如果要判断系统是否是iPad,只需要判断if(os.isIpad) {}.

浏览器:

百度浏览器 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之后的长度发生改变就容易出现问题,但目前来看是可以的。

现在因为手机UC浏览器经常屏蔽百度的广告,但对google广告不屏蔽,我们可以加入判断是否为UC浏览器,不是就显示百度广告,是就显示google的广告

-1) { alert("uc浏览器"); }else{ //不是uc浏览器执行的操作 }

其实具体的浏览器的一些特殊的操作可以通过

JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator.mimeTypes 系统平台:navigator.platform 插件(数组):navigator.plugins 用户代理:navigator.userAgent

原文链接:https://www.f2er.com/js/56407.html

猜你在找的JavaScript相关文章