js 判断 安卓 或者 ios 或者iPhone 机型

香菊网 发表于: 2019-04-24 分类: js部分  前端front  H5部分  服务器  

在我们开发移动端的时候最多的时候就是要知道客户使用的是什么机型,然后做相应的处理然后回馈给用户。

本篇主要介绍通过js获取window 对象的 navigator.userAgent 从而判断该机型

js代码如下:

// 判断ios系统--android系统--iphoneX
function getBlatFrom() {
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    var iphoneX = /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375);
    var iphoneXmax = /iphone/gi.test(navigator.userAgent) && (screen.height == 896 && screen.width == 414);
    // 返回1是android系统
    if (isAndroid) {
        return 1;
    }
    // 返回2是ios系统
    if (isiOS && !iphoneX && !iphoneXmax) {
        return 2;
    }
    // 返回3是iphoneX
    if (iphoneX) {
        return 3;
    }
    if (iphoneXmax) {
        return 4;
    }
    return 0;
}

在需要调用的地方处理:

let mobile = getBlatFrom();
switch(mobile) {
   case 1:
     alert('安卓');
   break;
   case 2:
     alert('ios');
   break;
}

如果想要判断使用的移动端的终端是 qq 还是微信 

请查看:通过js判断移动端的使用终端

标签: js部分前端frontH5部分服务器
Copyright © 2019 幻雨焉缘博客 | 浙ICP备19001843号-1
----------------------------------
种一棵树,最好的培养时间是十年前,其次是现在 加油  (ง •_•)ง。        ──── 前端攻城狮