<!doctype html>

<html lang="en">

 <head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

 <title>手机型号获取</title>

 <script src="http://code.jquery.com/jquery-1.11.1.min.js">

 </script>

 <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js">

 </script>

 </head>

 <body>

     <p>手机型号获取</p>

 </body>

</html>

<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(); //获取系统

    console.log(os)

    var model = "";

    if (os == "iOS") { //ios系统的处理

      os = +md.version("iPhone");

      console.log(os)

      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);//打印系统版本和手机型号

    alert(model + '||' + os, '打印系统版本和手机型号')

  </script>

<style>

html,body{

    margin: 0;

    padding: 0;

    height: 100%;

    width: 100%;

}

p{

    font-size: 14px;

}

</style>

一个可以输出当前移动设备机型（安卓，ios）系统版本的html页面的更多相关文章

  1. 安卓ios各版本及分辨率占比

    Google Play 安装统计数据 只有安卓的 https://developer.android.com/about/dashboards/index.html?hl=zh-cn 腾讯移动分析 安 ...

  2. video 安卓ios系统 浏览器 全屏播放以及自动播放的问题

    ios自动播放 <body onload="load()"> <div class="result_box"> <div clas ...

  3. 如何解决安卓（系统版本低） CSS3 动画问题---高性能动画

    目前对提升移动端CSS3动画体验的主要方法有几点: 尽可能多的利用硬件能力,如使用3D变形来开启GPU加速 -webkit-transform: translate3d(0, 0, 0); -moz- ...

  4. iOS系统版本与机型的对应关系

    1.手机系统版本:10.3 NSString* phoneVersion = [[UIDevice currentDevice] systemVersion]; 2.手机类型:iPhone 6 NSS ...

  5. 如何查看iOS系统版本在iPhone设备上的占有率

    我们平时开发的时候有时要考虑到系统的兼容版本,但是怎么知道各个版本的系统占有率,其实这个苹果官方是有提供的.进入如下链接到的页面就可以知道各大系统版本的占有率了,不过说实在的iPhone用户的系统更新 ...

  6. Vue微信自定义分享时安卓系统config:ok，ios系统config:invalid signature签名错误，或者安卓和ios二次分享时均config:ok但是分享无效的解决办法

    简述需求:要求指定页面可以进行微信自定义分享(自定义标题,描述,图片,链接),剩下的页面隐藏所有基础接口.二次分享依然可以正常使用,切换至其他页面也可以正常进行自定义分享. 这两天在做微信自定义分享的 ...

  7. js 设备判断（移动端pc端 安卓ios 微信）

    苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...

  8. 假如现在有一堆长度大于3小于9的电话号码，用座机呼叫，如果出现这样的号码【123和12345】那么12345将永远不会被拨出，因为拨到123的时候电话已经呼出了,试写一个函数输出所有不能被呼出的电话号码（java实现）

    解题: 假如现在有一堆长度大于3小于9的电话号码,用座机呼叫,如果出现这样的号码[123和12345]那么12345将永远不会被拨出,因为拨到123的时候电话已经呼出了,试写一个函数输出所有不能被呼出 ...

  9. [PHP]如何使用Mobile_Detect来判断访问网站的设备：安卓，平板，电脑

    Mobile_Detect 是一个轻量级的开源移动设备(手机)检测的 PHP Class, 它使用 User-Agent 中的字符串,并结合 HTTP Header,来检测移动设备环境. 这个设备检测 ...

  10. STM32 使用Cubemx 建一个USB（HID）设备下位机，实现数据收发

    这里我主要说一下如何做一个USB下位机,这里主要分3部分:1.建立工程:2.添加报文描述符:3.数据的传输.这里就不讲USB的理论知识了,有想要了解的自行百度一下就可以了. 建立工程:工程建立参考:h ...

随机推荐

  1. OpenCvSharp+Yolov5Net+Onnx 完整Demo

    效果 工程 代码 using Microsoft.ML.OnnxRuntime; using OpenCvSharp; using System; using System.Collections.G ...

  2. ResNet-RS：谷歌领衔调优ResNet，性能全面超越EfficientNet系列 | 2021 arxiv

    论文重新审视了ResNet的结构.训练方法以及缩放策略,提出了性能全面超越EfficientNet的ResNet-RS系列.从实验效果来看性能提升挺高的,值得参考   来源:晓飞的算法工程笔记 公众号 ...

  3. DRConv：旷视提出区域感知动态卷积，多任务性能提升 | CVPR 2020

    论文提出DRConv,很好地结合了局部共享的思想并且保持平移不变性,包含两个关键结构,从实验结果来看,DRConv符合设计的预期,在多个任务上都有不错的性能提升   来源:晓飞的算法工程笔记 公众号 ...

  4. ue4-c++定时器和时间轴简易模板

    定时器Delay 在头文件中需要声明TimerHandle和功能函数,功能函数是计时结束后执行的功能 在源文件中利用GetWorldTimerManager()实现定时器的开启(绑定功能函数)和清除. ...

  5. #贪心，二叉堆#洛谷 1954 [NOI2010] 航空管制

    题目 分析 首先考虑可行方案,很容易想到拓扑排序, 但是如果建正图第一类的限制有可能不能满足, 考虑第一类限制其实时间倒流就是在 \(T\) 时刻之后才能选它. 那么直接建反图然后 \(a_i\) 大 ...

  6. jcmd:JDK14中的调试神器

    目录 简介 jcmd的语法 列出运行的JVM 打印stack信息 打印heap info 打印heap dump 统计heap使用情况 JFR功能 总结 简介 jcmd是JDK自带的调试工具,具有非常 ...

  7. OpenHarmony创新赛人气投票活动，最佳人气作品由你来定！

      12月1日至12月15日 十大入围作品线上投票激战正酣 最佳人气作品,由你来定!   投票链接:https://forums.openharmony.cn/forum.php?mod=viewth ...

  8. OpenHarmony创新赛丨报名倒计时，超强秘籍带你直通大奖！

      OpenHarmony创新赛报名倒计时开始啦! 设于开放原子全球开源大赛下的OpenHarmony创新赛,目前正在如火如荼地进行赛事招募中!这次大赛围绕创新应用.商显行业.金融行业三大赛题,邀请来 ...

  9. 1开幕在即 | “万物互联，使能千行百业”2022开放原子全球开源峰会OpenAtom OpenHarmony分论坛

    7月27日下午,聚焦开源产业与生态的2022开放原子全球开源峰会OpenAtom OpenHarmony分论坛将在北京亦创国际会展中心盛大开幕. 作为OpenHarmony工作委员会联合生态合作伙伴为 ...

  10. 深入理解 C++ 右值引用和移动语义：全面解析

    C++11引入了右值引用,它也是C++11最重要的新特性之一.原因在于它解决了C++的一大历史遗留问题,即消除了很多场景下的不必要的额外开销.即使你的代码中并不直接使用右值引用,也可以通过标准库,间接 ...