在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:

image

使用iphone打印iphone型号ios11:

image

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

作者：马大哈tt
链接：https://www.jianshu.com/p/e2446c51ffe4
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。