摘要：

前端开发最重要的工作是兼容性、系统兼容性、浏览器兼容性等。今天，我分享了一个我在项目中封装的方法来判断操作系统和浏览器。

操作系统：

复制代码代码如下所示：

函数（）{（）

VaR的UserAgent = navigator.useragent.tolowercase（）；

返回{

isipad： / / iPad测试（用户代理），

isiphone： / / iPhone OS测试（用户代理），

isandroid： / / Android测试（用户代理），

IsWindowsCe： / / Windows CE测试（用户代理），

iswindowsmobile： / /手机测试（用户代理），

iswin2k： / / Windows NT 5测试（用户代理），

IsXP： / / Windows NT 5.1测试（用户代理），

IsVista： / / Windows NT 6测试（用户代理），

iswin7： / / Windows NT 6.1测试（用户代理），

iswin8： / / Windows NT 6.2测试（用户代理），

iswin81： / / Windows NT 6.3测试（用户代理）。

}；

}（）；



如果你想确定系统是否是iPad，只需要确定是否（OS。isipad）{ }。

浏览器uff1a



复制代码代码如下所示：

var =（函数（）{（））

VaR的UserAgent = navigator.useragent.tolowercase（）；

返回{

IsUc： / / UCWEB。测试（用户代理）， / / UC浏览器

ischrome： / /铬。试验（UserAgent.substr（- 33,6））， / / Chrome浏览器

isfirefox： / / Firefox。测试（用户代理）， / /火狐

isopera： / /歌剧。测试（用户代理）， / /浏览器

issafire： / / Safari。测试（用户代理）/铬/测试（用户代理），！ / /蓝宝石的浏览器

360se 360： / /。测试（用户代理），360 / /浏览器

isbaidu： / / bidubrowser。测试（用户代理）， / /百度浏览器

issouu： / / metasr。测试（用户代理）， / /搜狗浏览器

isie6： / / MSIE 6。测试（用户代理） / / IE6。

isie7： / / MSIE 7。测试（用户代理） / / IE7。

isie8： / / MSIE 8。测试（用户代理） / / IE8。

isie9： / / MSIE 9。测试（用户代理） / / IE9。

isie10： / / MSIE 10。测试（用户代理） / / IE10。

isie11： / / MSIE 11。测试（用户代理） / / IE11。

泛美储蓄和贷款银行： / / lbbrowser。测试（用户代理）， / /猎豹浏览器

IsWX： / / micromessenger。测试（用户代理）， / /微信内置浏览器

IsQQ： / / qqbrowser。测试（用户代理）/ QQ浏览器

}；

}（）；



总结：

浏览器由我自己测试。有可能是Chrome浏览器的一个问题，因为大多数的浏览器使用的WebKit内核，所以我提取铬导航。如果对铬的铬浏览器或长度变化的信息的位置后，它会很容易的问题，但现在它是可能的。