21K韶华 发表于 2018-6-18 11:26

【笔记】js判断移动端系统及浏览器

本帖最后由 wushaominkk 于 2018-6-22 00:59 编辑

整理了一下移动端系统及浏览器
注:js会先判断移动端系统再判断浏览器,如果判断的系统和浏览器同级,那么他只会读取判断得到系统的信息而不是浏览器的信息;
            
$(function(){
toMobile();
})
function toMobile(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; //ipad
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; //苹果系统
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc = sUserAgent.match(/ucbrowser/i) == "ucbrowser"; //UC浏览器
var bIsAndroid = sUserAgent.match(/android/i) == "android"; //安卓系统
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; //微软掌上电脑
var bIsQQ = sUserAgent.match(/qq/i) == "qq";//内置qq及QQ浏览器
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
var bIsIE = sUserAgent.match(/iemobile/i) == "iemobile";
var bIsWx = sUserAgent.match(/MicroMessenger/i)=="micromessenger"//微信内置浏览器
    if (bIsIpad || bIsMidp|| bIsAndroid || bIsCE || bIsWM||bIsIE) {
      alert(sUserAgent);
    }else if (bIsIphoneOs) {
   if (bIsUc) {
      alert("uc");
   }else if (bIsQQ) {
      alert("qq");
   }else if (bIsWx) {
      alert("wx");
   }
   }else{
      }
}

Bell520vae 发表于 2018-6-18 12:13

991375252 发表于 2018-6-18 14:04

Bell520vae 发表于 2018-6-18 12:13
感谢分享,那既然判断出来了,那能不能判断后跳转到相应页面?

完全可以的

21K韶华 发表于 2018-6-18 14:12

Bell520vae 发表于 2018-6-18 12:13
感谢分享,那既然判断出来了,那能不能判断后跳转到相应页面?

可以,用window.location.href='http:/xxx.xx.com';就是,这个是直接跳转

天地皇极 发表于 2018-6-18 16:33

受教了,做前端网页显示的时候效果就出来了。

js01 发表于 2018-6-18 17:54

21K韶华 发表于 2018-6-18 14:12
可以,用window.location.href='http:/xxx.xx.com';就是,这个是直接跳转

感谢分享,收藏备用。

Ninja18 发表于 2018-6-19 10:42

这个判断有点老,我们做网站的基本不用这个了

zbrjew 发表于 2018-6-19 11:10

现在还有没有效果啊各位

ぃグ残の殇シッ 发表于 2018-6-19 16:18

Ninja18 发表于 2018-6-19 10:42
这个判断有点老,我们做网站的基本不用这个了

请大神给一下新方案可以么,让小白学习下

shao123 发表于 2018-6-21 19:23

感谢分享
页: [1]
查看完整版本: 【笔记】js判断移动端系统及浏览器