首页 / JAVASCRIPT / 前端通过js获取手机型号

前端通过js获取手机型号

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端通过js获取手机型号，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1493字，纯文字阅读大概需要3分钟。

内容图文

###前段通过js获取手机型号

需求：

用户登录后记录当前的手机型号并记录

插件：

  1. mobile-detect.js插件地址
  2. mobile-device-js插件地址

使用步骤：

  • 获取UA信息->根据安卓和IOS不同的处理
  • IOS再通过插件mobile-device-js去获取型号
  • 安卓通过解析UA信息去获取build之前的信息得到手机型号
        //引入插件
<!--获取手机型号相关js-->
<script type="text/javascript" src="/mobile-detect.js"></script>
<!--配合这个js再去获取苹果手机的型号-->
<script type="text/javascript" src="/iphone-device.js"></script>
    //获取userAgent信息 
    var user_agent = navigator.userAgent;
    console.log(user_agent);
    //初始化mobile-detect
    var md = new MobileDetect(user_agent);
    var os = md.os();//获取系统
    var newMobile = "";
    //ios系统的处理 
    if(os == "iOS"){
        os = md.os() + md.version("iPhone");
        ios = md.mobile();
        //再通过iphone-device.js获取具体的苹果手机型号
        newMobile = MobileDevice.getModels().join(' or ');
        if(newMobile == 'unknown'){
            newMobile = '';
        }
    }
    //Android系统的处理
    else if(os == "AndroidOS"){
        os = md.os() + md.version("Android");
        var sss = user_agent.split(";");
        //判断UA里边有没有Build信息，通过这个拿到安卓的具体机型
        var i = sss.contains("Build/");
        if (i > -1) {
            newMobile = sss[i].substring(0, sss[i].indexOf("Build/"));
        }
    }
    //
    //判断数组中是否包含某字符串（安卓机型获取用到）
    Array.prototype.contains = function(needle) {
        for (i in this) {
            if (this[i].indexOf(needle) > 0)
                return i;
        }
        return -1;
    }
    //写入数据库
    if(newMobile){
        $.get(
            '/saveUserMobile.php',{uid:uid, mobile:newMobile},
            function(json){
                console.log(json.msg);
            },'json'
        );
    }

总结

  • 通过mobile-detect.js插件获取UA信息
  • 安卓系统里通过Build/前一个信息拿到安卓的机型
  • IOS系统里在通过另一个插件mobile-device-js获取具体机型

原文：https://www.cnblogs.com/alisleepy/p/11200325.html

内容总结

以上是互联网集市为您收集整理的前端通过js获取手机型号全部内容，希望文章能够帮你解决前端通过js获取手机型号所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1268504.html

来源：【匿名】