mobile-detect.js获取手机型号和系统

在H5页面的开发中，肯定会遇到获取手机的型号等需求，使用js的navigator对象，能获取到有关浏览器的相关信息，但想获取手机使用的系统等更多内容还是有局限性的。
在网上搜到一个好用的获取手机型号和系统的插件 mobile-detect.js

使用方法

1. 下载地址：
   https://github.com/hgoebl/mobile-detect.js/

2.引用mobile-detect.js
实例化一个MobileDetect

var device_type = navigator.userAgent;//获取userAgent信息
    var md = new MobileDetect(device_type);//实例化mobile-detect
    var os = md.os();//获取系统
    var model = "";
    if (os == "iOS") {//ios系统的处理
        os = md.os() + md.version("iPhone");
        model = md.mobile();
    } else if (os == "AndroidOS") {//Android系统的处理
        os = md.os() + md.version("Android");
    }
    console.log(os + "---" + model);//打印系统版本和手机型号
    console.log(md,"aaaa");

在浏览器中使用三星模拟器测试可以打印安卓型号 5.0:

使用iphone打印iphone型号ios11:

这个还是不能准确定位使用的是什么型号的手机，但可以通过返回的信息判断使用的是安卓还是苹果的，比如苹果结合获取设备屏幕大小和io系统的型号就可以判断出使用的是什么iphone手机，至于安卓手机类型比较多，就要复杂很多啦，大家知道的可以相互分享啊。