h5移动端判断浏览器类型

最新推荐文章于 2024-08-27 14:32:45 发布

石金豆

最新推荐文章于 2024-08-27 14:32:45 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签：内核 h5 浏览器类型 js

本文链接：https://blog.youkuaiyun.com/qq_41864575/article/details/112848459

js 专栏收录该内容

6 篇文章

订阅专栏

获取浏览器信息，处理浏览器信息。
通俗易懂，直接上代码：

function customBrowserVersion(){
    var u = navigator.userAgent;
    return {
        trident: u.indexOf('Trident') > -1, //IE内核
        presto: u.indexOf('Presto') > -1, //opera内核
        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
        android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
        iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
        iPad: u.indexOf('iPad') > -1, //是否iPad
        webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
        weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
        qq: u.match(/\sQQ/i) == " qq", //是否QQ
        isBaidu: u.indexOf('baiduboxapp') !== -1, //是否为百度浏览器
        isqqBrowser: u.indexOf('mqqbrowser') !== -1, //是否为qq浏览器
        isWxBrowser: u.indexOf('micromessenger') !== -1,//是否为微信浏览器
        isUc: u.indexOf('ucbrowser') !== -1,//是否为uc浏览器
    };
}
console.log(customBrowserVersion())

打印出的结果：（需要判断什么就取什么！）

另外附上各个浏览器信息（可扩展）：

浏览器	ua展示的信息
safari浏览器	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) version/13.1.1 mobile/15e148 `safari`/604.1
微信浏览器-安卓	mozilla/5.0 (linux; android 10; bkl-al00 build/huaweibkl-al00; wv) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/77.0.3865.120 `mqqbrowser`/6.2 tbs/045227 mobile `safari`/537.36 mmwebid/8185 `micromessenger`/7.0.17.1720(0x27001137) process/tools wechat/arm64 nettype/wifi language/zh_cn abi/arm64
微信浏览器-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) mobile/15e148 `micromessenger`/7.0.14(0x17000e29) nettype/wifi language/zh_cn
QQ浏览器-安卓	mozilla/5.0 (linux; u; android 10; zh-cn; bkl-al00 build/huaweibkl-al00) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/66.0.3359.126 `mqqbrowser`/10.6 mobile `safari`/537.36
QQ浏览器-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/604.3.5 (khtml, like gecko) version/13.0 `mqqbrowser`/10.5.3 mobile/15b87 `safari`/604.1 qbwebviewua/2 qbwebviewtype/1 wktype/1
UC浏览器-安卓	mozilla/5.0 (linux; u; android 9; zh-cn; v1816a build/pkq1.180819.001) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/78.0.3904.108 `ucbrowser`/13.0.4.1084 mobile `safari`/537.36
UC浏览器-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x; zh-cn) applewebkit/537.51.1 (khtml, like gecko) mobile/17f80 `ucbrowser`/13.0.4.1340 mobile aliapp(tunionsdk/0.1.20.3)
vivo自带浏览器	mozilla/5.0 (linux; android 9; v1816a build/pkq1.180819.001; wv) applewebkit/537.36 (khtml, like gecko) chrome/62.0.3202.84 mobile `safari`/537.36 `vivobrowser`/8.1.14.2
百度-安卓	mozilla/5.0 (linux; android 9; v1816a build/pkq1.180819.001; wv) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/76.0.3809.89 mobile `safari`/537.36 t7/11.23 sp-engine/2.17.0 flyflow/4.18.0.31 lite `baiduboxapp`/4.18.0.31 (baidu; p1 9)
百度-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) mobile/15e148 sp-engine/2.21.0 main%2f1.0 `baiduboxapp`/11.25.0.16 (baidu; p2 13.5.1) nabar/1.0
猎豹-安卓	mozilla/5.0 (linux; u; android 9; zh-cn; v1816a build/pkq1.180819.001) applewebkit/535.19 (khtml, like gecko) version/4.0 `liebaofast`/5.21.0 mobile `safari`/535.19
谷歌-安卓	mozilla/5.0 (linux; android 9; v1816a) applewebkit/537.36 (khtml, like gecko) chrome/70.0.3538.110 mobile `safari`/537.36
谷歌-ios	mozilla/5.0 (iphone; cpu iphone os 13_5 like mac os x) applewebkit/605.1.15 (khtml, like gecko) crios/84.0.4147.71 mobile/15e148 `safari`/604.1
夸克-安卓	mozilla/5.0 (linux; u; android 9; zh-cn; v1816a build/pkq1.180819.001) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/57.0.2987.108 `quark`/4.2.1.138 mobile `safari`/537.36
夸克-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x; zh-cn) applewebkit/601.1.46 (khtml, like gecko) mobile/17f80 `quark`/4.2.2.1053 mobile
欧朋-安卓	mozilla/5.0 (linux; u; android 9; zh-cn; v1816a build/pkq1.180819.001) applewebkit/537.36 (khtml, like gecko) version/4.0 `opr`/12.45.0.1 mobile `safari`/537.36
欧朋-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) mobile/15e148
360-安卓	mozilla/5.0 (linux; android 9; v1816a build/pkq1.180819.001; wv) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/73.0.3683.121 mobile `safari`/537.36
360-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) mobile/15e148
搜狗-ios	mozilla/5.0 (iphone; cpu iphone os 13_5_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) mobile/15e148 `sogoumobilebrowser`/5.21.8