###前段通过js获取手机型号

需求:

用户登录后记录当前的手机型号并记录

插件:

使用步骤:

获取UA信息->根据安卓和IOS不同的处理

IOS再通过插件mobile-device-js去获取型号

安卓通过解析UA信息去获取build之前的信息得到手机型号

//引入插件

//获取userAgent信息

var user_agent = navigator.userAgent;

console.log(user_agent);

//初始化mobile-detect

var md = new MobileDetect(user_agent);

var os = md.os();//获取系统

var newMobile = "";

//ios系统的处理

if(os == "iOS"){

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

ios = md.mobile();

//再通过iphone-device.js获取具体的苹果手机型号

newMobile = MobileDevice.getModels().join(' or ');

if(newMobile == 'unknown'){

newMobile = '';

}

}

//Android系统的处理

else if(os == "AndroidOS"){

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

var sss = user_agent.split(";");

//判断UA里边有没有Build信息,通过这个拿到安卓的具体机型

var i = sss.contains("Build/");

if (i > -1) {

newMobile = sss[i].substring(0, sss[i].indexOf("Build/"));

}

}

//

//判断数组中是否包含某字符串(安卓机型获取用到)

Array.prototype.contains = function(needle) {

for (i in this) {

if (this[i].indexOf(needle) > 0)

return i;

}

return -1;

}

//写入数据库

if(newMobile){

$.get(

'/saveUserMobile.php',{uid:uid, mobile:newMobile},

function(json){

console.log(json.msg);

},'json'

);

}

总结

通过mobile-detect.js插件获取UA信息

安卓系统里通过Build/前一个信息拿到安卓的机型

IOS系统里在通过另一个插件mobile-device-js获取具体机型

html获取手机型号,前端通过js获取手机型号相关推荐

  1. ua获取手机型号_前端通过js获取手机型号

    前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: 使用步骤: 获取UA信息->根据安卓和IOS不同的处理 IOS再通过插件mobile-device-js去获取型号 ...

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

    在H5页面的开发中,肯定会遇到获取手机的型号等需求,使用js的navigator对象,能获取到有关浏览器的相关信息,但想获取手机使用的系统等更多内容还是有局限性的. 在网上搜到一个好用的获取手机型号和 ...

  3. html获取数组的前三个元素,web前端:js 获取数组最后一个元素

    Javascript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标 ...

  4. C# 调用高德地图API获取经纬度以及定位,JS获取定位【万字详解附完整代码】

    最近有个需求,需要用到定位,本来打算用百度地图API定位,但是发现百度地图定位申请AppKey太麻烦了.因为是写的web端,百度地图定位API申请的Appkey需要网址过滤.索性就用高德定位了(有一说 ...

  5. php 获得图片大小,js获取图片大小_php 或js获取图片大小

    摘要 腾兴网为您分享:php 或js获取图片大小,之了课堂,云集,宜信,学堂在线等软件知识,以及手机东方财富通,航空证券软件,日历星座,大吉大利晚上吃鸡图片,一米鲜,熊猫云,sketchup动画,空文 ...

  6. 原生js获取html元素高度,原生JS获取元素宽高实践详解

    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

  7. php 获取css值,如何通过JS获取CSS属性值

    JS获取CSS属性 #f{background-color:#FF0000;} var o = document.getElementById('f'); document.write(o.style ...

  8. php根据图片地址获取图片原始高宽,Js获取图片原始宽高的实现代码

    如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...

  9. 获取客户端mac地址 php,js获取客户端mac地址的方法

    首先声明,此篇文章纯属标题党.今日QQ群里探讨用JS获取客户端mac地址的方法,众说纷纭,有说行有说不行的,闲着没事儿研究了一下,js确实可以获取到客户端当前电脑的mac地址,代码如下,但这段代码放到 ...

  10. js获取classname值_利用js获取元素class值的两种方法

    我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...

最新文章

  1. jQuery中的closest()和parents()的差别
  2. wifi网络结构(下)
  3. Exchange 日常管理之三设置邮件转发
  4. 大型的labview程序实例_【学院推荐】LabVIEW的核心要素——数据流
  5. Redisson分布式锁实战-2:解决wait_time之坑
  6. 操作系统原理之内存管理(第四章第二部分)
  7. C# 多个异步方法的异常处理
  8. Python获取电脑CPU序列号、主板序列号、BIOS序列号、硬盘序列号列表、网卡MAC地址
  9. CentOS7 搭建Pulsar 消息队列环境,CentOS(Linux)部署Pulsar,亲测成功,以及Python操作Pulsar实例驱动
  10. 定时器中断实验 编写程序使定时器0或者定时器1工作在方式1,定时50ms触发蜂鸣器。
  11. vue项目dist编译文件部署到服务器:页面空白、F5刷新报错404、403报错、等等bug - 总结篇
  12. Compiler__visual_studio_2010_pro 激活码
  13. python公众号留言功能_Python实现的微信公众号群发图片与文本消息功能实例详解...
  14. mysql directx repair_[MySQL]快速解决is marked as crashed and should be repaired故障
  15. JavaScript延时函数
  16. 视频演示 | 功能新增 | 增强版在线LEFSe分析和可视化鉴定标志性基因或物种
  17. Protobuf简单使用
  18. element plus之el-table行融合+列融合+小计行+自定义控件+样式自定义方案
  19. 瑞星微RK3288开发板 (ARM Cortex-A17架构)
  20. Qt 信号槽的应用(三)

热门文章

  1. mysql2005安装_安装SQL Server 2005的详细步骤
  2. 安卓QQ闪照解密秒存助手
  3. 如何用HTML语言设计进度条,html进度条代码_html5如何实现简单进度条效果
  4. JAVA程序员必看的15本书-JAVA自学书籍推荐
  5. 山东省计算机二级c语言题,2012计算机二级C语言题库.doc
  6. eclipse主题颜色的下载与设置
  7. kotlin android中文文档,Android studio 生成带Kotlin文档的实现方式
  8. 人脸照片不规范、如何更改?pupiIDistanceTooSmall 错误
  9. oracle工具sql loader,Oracle sql loader简单使用
  10. lema刻字机_Chris Lema访谈– WordPress业务