js 判断系统类型和手机型号(厂商)

要想判断手机类型(Android或者IOS)和手机型号(厂商等)，可以通过js的navigator.userAgent获取一些基本的信息，如我的红米的一些头信息：

红米 4X
Mozilla/5.0 (Linux; Android 7.2; Redmi 4X Build/MMB29M; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/55.0.2883.91 Mobile Safari/537.36

拿到这些信息可以根据Linux或者Android判断到这是一台Android手机，紧接着是Redmi 4X(红米 4X)；我们需要做的就是去截取这些信息。
后面在网上找到了mobile-detect.js这个东西，他已经封装好了，可以判断手机类型(Android或者IOS)和手机型号(厂商)。github下载地址：https://github.com/hgoebl/mobile-detect.js/。
mobile-detect.js使用方法：

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  <title> js 判断系统类型和手机型号(厂商)</title>
</head>
<body>  <!-- jQuery的js  -->
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
<!-- 这个js要在https://github.com/hgoebl/mobile-detect.js/下载 -->
<script src="js/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 deviceType = navigator.userAgent;//获取userAgent信息  document.write(deviceType);//打印到页面  var md = new MobileDetect(deviceType);//初始化mobile-detect  var os = md.os();//获取系统  //手机型号(厂商)var model = "";//系统的版本号var version = ""; if (os == "iOS") {//ios系统的处理  version =  md.version("iPhone");os = md.os();  model = md.mobile();  } else if (os == "AndroidOS") {//Android系统的处理  os = md.os();  version = md.version("Android");var sss = deviceType.split(";");  var i = sss.contains("Build/");  if (i > -1) {  model = sss[i].substring(0, sss[i].indexOf("Build/"));  }  }  </script>
</body>
</html>

拿到这些信息后就根据自己业务做相应处理就可以了。
如果要想获取手机型号数据，请看下篇文章python Beautiful Soup解析html页面table标签

js 判断系统类型和手机型号(厂商)相关推荐

华为什么时候开放鸿蒙,华为鸿蒙系统什么时候开放？华为鸿蒙系统支持的手机型号...
华为的科技点一直在线,许多人都很关注华为研发的手机系统,在发布会当天,终于知晓了确切的消息,华为鸿蒙系统什么时候开放?华为鸿蒙系统支持的手机型号!去年自从华为发布了鸿蒙2.0,各大电器行业美的.老板油 ...
华为发布鸿蒙支持手机,华为鸿蒙下月正式发布华为鸿蒙系统支持的手机型号公布...
华为鸿蒙系统什么时候能和大家正式见面那?我觉得应该是下个月,虽然华为没有官宣,但是根据爆料来看,下个月大家就能用上华为鸿蒙系统了. 华为软件部总裁王成录5月1日的时候在一个视频里面提到,华为手机从6月 ...
通过JS判断浏览器类型，详细区分IE各版本浏览器
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
鸿蒙系统首批机型,华为鸿蒙系统支持的手机型号有哪些首批公测机型有这些...
华为鸿蒙系统支持的手机型号有哪些?对于这个问题相信大家都是比较关注的,如今鸿蒙2.0开发者测试版已经正式发布,究竟有哪些机型可以参与首批公测呢?一起来了解一下吧. 鸿蒙系统HarmonyOS 2.0手 ...
js判断浏览器类型，判断ie内核，webkit
js判断浏览器类型 <script>function _mime(option, value) {const mimeTypes = navigator.mimeTypes;for (co ...
鸿蒙系统支持列表,华为鸿蒙系统支持的手机型号一览【最新】
华为鸿蒙系统作为国产的第一个手机系统,大家都非常关注.6月2日鸿蒙系统正式发布,用户可以更新使用该系统了.那么,目前华为鸿蒙系统支持的手机型号有哪些呢?是不是华为手机都能够使用鸿蒙系统呢?下面一起来看 ...
鸿蒙os2.0主页,华为鸿蒙os2.0系统支持的手机型号,华为鸿蒙系统官方下载入口
最近华为最新的公布会上已经上线了最新的华为鸿蒙os2.0系统,现在照样处于内测的阶段,人人若是想要感受全新的玩机体验,那么就可以来这里申请公测哦,不外需要适配专门的机型,人人可以来看一下自己是否匹配. ...
手机cpu什么型号支持鸿蒙系统,华为鸿蒙2.0系统支持的手机型号(图文)
华为鸿蒙2.0系统详解Znb电脑_数码_手机应用问题解决的IT技术网站seo - 云狐网华为正式发布了鸿蒙OS 2.0 手机版,目前仍旧处于测试阶段,仅适合开发人员试用,目前支持的机型较为有限,仅包 ...
js判断数组类型的方法总结
js判断数组类型的方法总结 1.使用typeof + instanceof let a = []; if (a && (typeof a === 'object') && ...
华为鸿蒙系统支持华为些手机,鸿蒙系统支持哪些手机型号？华为首批鸿蒙系统手机名单一览...
鸿蒙系统支持哪些手机型号?许多人之前就一直在关注的鸿蒙系统的升级越发临近了而有些用户可能还不知道自己的收集能不能够升级成鸿蒙系统.现在就让11773小编带大家看看,华为首批鸿蒙系统手机名单一览. 华为 ...

js 判断系统类型和手机型号(厂商)

js 判断系统类型和手机型号(厂商)相关推荐

最新文章

热门文章