html5获取手机设备号,mobile-detect.js获取手机型号和系统

在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手机，至于安卓手机类型比较多，就要复杂很多啦，大家知道的可以相互分享啊。