在H5页面的开发中，肯定会遇到获取手机的型号等需求，使用js的navigator对象，能获取到有关浏览器的相关信息，但想获取手机使用的系统等更多内容还是有局限性的。
在网上搜到一个好用的获取手机型号和系统的插件 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手机，至于安卓手机类型比较多，就要复杂很多啦，大家知道的可以相互分享啊。
