首先得下载一个js插件。地址:https://github.com/hgoebl/mobile-detect.js/
代码的实现效果如下:
- <script src="js/lib/jquery-1.11.1.min.js"></script>
- <script src="js/lib/mobile-detect.min.js"></script>
- <script>
- //判断数组中是否包含某字符串
- Array.prototype.contains = function(needle) {
- for (i in this) {
- if (this[i].indexOf(needle) > 0)
- return i;
- }
- return -1;
- }
- var device_type = navigator.userAgent;//获取userAgent信息
- document.write(device_type);//打印到页面
- 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");
- var sss = device_type.split(";");
- var i = sss.contains("Build/");
- if (i > -1) {
- model = sss[i].substring(0, sss[i].indexOf("Build/"));
- }
- }
- alert(os + "---" + model);//打印系统版本和手机型号
- </script>