html5 手机 消息,H5获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。
获取当前运行环境信息、与其它程序进行通讯等。通过plus.runtime可获取运行环境管理对象。
直接上demo
body{max-width: 750px; min-width: 320px; margin: 0 auto; background-color: #F5F5F5;overflow-x: hidden;
font-family: -apple-system,Helvetica,sans-serif;}
div{font-size: .26rem; color: #474747;line-height: 2;}
span{font-size: .28rem; color: #D1021F;}
(function(doc, win) {
var w = document.documentElement.clientWidth;
if (w > 750) {
w = 750
} else if (w < 320) {
w = 320
}
var f = w / 750 * 100 + "px";
document.documentElement.style.fontSize = f;
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function() {
var clientWidth = docEl.clientWidth > 750 ? 750 : docEl.clientWidth;
if (clientWidth > 750) {
clientWidth = 750
} else if (clientWidth < 320) {
clientWidth = 320
}
if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
我的手机信息
{{item.title}}
{{item.value}}
var spans = document.getElementsByTagName('span');
var VM = new Vue({
el: ".mui-content",
data: {
list:[]
},
})
mui.plusReady(function() {
//获取系统名称
var name = plus.os.name;
VM.list.push({
"title": "系统名称",
"value": name
})
//获取系统版本
var version = plus.os.version;
VM.list.push({
"title": "系统版本",
"value": version
})
//设备型号
VM.list.push({
"title": "设备型号",
"value": plus.device.model
})
//获取生产厂商
var vendor2 = plus.device.vendor
VM.list.push({
"title": "生产厂商",
"value": vendor2
})
//获取系统供应商
var vendor = plus.os.vendor
VM.list.push({
"title": "系统供应商",
"value": vendor
})
//获取系统语言信息
var language = plus.os.language;
VM.list.push({
"title": "系统语言信息",
"value": language
})
var types = {}; //网络类型
types[plus.networkinfo.CONNECTION_UNKNOW] = "未知";
types[plus.networkinfo.CONNECTION_NONE] = "未连接网络";
types[plus.networkinfo.CONNECTION_ETHERNET] = "有线网络";
types[plus.networkinfo.CONNECTION_WIFI] = "WiFi网络";
types[plus.networkinfo.CONNECTION_CELL2G] = "2G蜂窝网络";
types[plus.networkinfo.CONNECTION_CELL3G] = "3G蜂窝网络";
types[plus.networkinfo.CONNECTION_CELL4G] = "4G蜂窝网络";
var network = types[plus.networkinfo.getCurrentType()];
VM.list.push({
"title": "网络类型",
"value": network
})
//获取设备的唯一标示
plus.device.getInfo({
success: function(e) {
VM.list.push({
"title": "国际移动设备身份码imei",
"value": e.imei
})
VM.list.push({
"title": "国际移动用户识别码imsi",
"value": e.imsi
})
VM.list.push({
"title": "设备的唯一标识",
"value": e.uuid
})
},
fail: function(e) {
console.log('getDeviceInfo failed: ' + JSON.stringify(e));
}
});
//获取APP版本信息
plus.runtime.getProperty(plus.runtime.appid, function(inf) {
var ver = inf.version;
VM.list.push({
"title": "APP名称",
"value": inf.name
})
VM.list.push({
"title": "APP版本信息",
"value": "版本:"+inf.version+";版本号:"+inf.versionCode
})
console.log(JSON.stringify(inf))
})
});
//获取IP地址信息
function addScriptTag(src) {
var script = document.createElement('script');
script.setAttribute("type", "text/javascript");
script.src = src;
document.body.appendChild(script);
}
function foo(data) {
var json = data.data[0];
VM.list.push({
"title": "位置",
"value": json.location
})
VM.list.push({
"title": "IP地址",
"value": json.origip
})
console.log("IPInfo:"+ JSON.stringify(json));
};
window.onload = function() {
addScriptTag(
'https://sp0.baidu.com/8aQDcjqpAAV3otqbppnN2DJv/api.php?query=ip&co=&resource_id=6006&t=1562124098965&ie=utf8&oe=gbk&cb=foo&format=json&tn=baidu'
);
}
注意:
获取IP地址和plus.device.getInfo都是异步的,所以在使用的时候要注意时机
效果图:
Android.jpg
Android和IOS获取imei、imsi、uuid时须知:
imei: (String 类型 )设备的国际移动设备身份码
如果设备不支持或无法获取(如用户未授权)则返回空字符串。 如果设备存在多个身份码,则以“,”字符分割拼接,如“862470039452950,862470039452943”。
平台支持
Android - ALL (支持): 需要用户授权才能获取,如果用户拒绝获取设备信息则返回空字符串。
iOS - ALL (不支持): 无法获取设备身份码,返回空字符串。
imsi: (Array[ String ] 类型 )设备的国际移动用户识别码
字符串数组类型,获取设备上插入SIM的国际移动设备身份码。 如果设备支持多卡模式则返回所有SIM身份码。 如果设备不支持或没有插入SIM卡则返回空数组。
平台支持
Android - ALL (支持): 如果无法获取国际移动用户标识(如用户未授权)则返回空数组。
iOS - ALL (不支持): 无法获取设备移动用户识别码,返回空数组。
uuid: (String 类型 )设备标识
设备的唯一标识号。
平台支持
Android - ALL (支持): 与设备的imei号一致。 注意:如果无法获取设备imei则使用设备wifi的mac地址,如果无法获取设备mac地址则随机生成设备标识号(不同App在同一台设备上获取的值一致)。
iOS - ALL (不支持): 根据包名随机生成的设备标识号。 注意:设备重置(刷机)后会重新生成
欢迎转载,但是请注明出处
html5 手机 消息,H5获取手机设备信息、app版本信息、ip地址相关推荐
- 如何获取嵌入式设备的内核版本信息
1.有源码时 VERSION = 2 PATCHLEVEL = 6 SUBLEVEL = 35 EXTRAVERSION = .7 NAME = Yokohama 如果你有内核的源码,可以在内核顶层的 ...
- Android 获取app 地址,获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...
- java中获得手机唯一_Android 获取手机唯一识别码
[实例简介]得到手机唯一识别码 [实例截图] [核心代码]private String ChuanMa() { String szImei;// imei码 String m_szDevIDShort ...
- Unity之正确设置手机显示布局获取手机朝向
目录 Unity之正确设置手机显示布局 && 获取手机朝向 前言 开篇 Unity版本及使用插件 正题 设置手机屏幕显示布局.Screen.orientation 获取手机当前朝向.I ...
- Proximity模块管理设备距离传感器,可获取当前设备的接近距离信息,通过plus.proximity可获取设备距离传感管理对象
方法: getCurrentProximity: 获取当前设备的接近距离信息 watchProximity: 监听设备接近距离的变化 clearWatch: 关闭监听设备接近距离变化 回调方法: Pr ...
- vue项目中获取当前设备 操作系统及版本,设备型号,ip,地区信息
1.获取ip,地区信息 使用搜狐IP地址查询接口(?后边设置编码)须连网! http://pv.sohu.com/cityjson http://pv.sohu.com/cityjson?ie=utf ...
- 当前主要使用的python版本_如何获取当前使用的Python版本信息?(代码示例)
本篇文章主要给大家介绍如何获取当前Python版本,希望对需要的朋友有所帮助! 版本信息: 包含版本号的五个组件的元组:major,minor,micro,releaselevel和serial.除r ...
- 获取公网、局域网、以及根据ip地址找城市
1.公网代码 package com.fan.study.ip;import java.io.BufferedReader; import java.io.IOException; import ja ...
- 查看linux内核信息及版本信息
linux内核信息及版本信息 1.查看linux内核信息的命令: uname 命令比较常用的参数: uname -r 内核版本信息,也就是说可以查看内核的当前版本. ...
最新文章
- 【图像分割模型】实例分割模型—DeepMask
- 帮助学生改善学习方法_学生应该如何花费时间改善自己的幸福
- Ubuntu品牌机批量涌入世界市场,中国不会例外
- 阿里天猫亿级浏览型网站静态化架构演变
- java socket编程—单客户端与服务器通信
- css实现返回顶部,实现返回顶部效果
- 小程序啦啦外卖、码科跑腿、云贝外卖各种问题汇总解决对策
- RK3399pro 使用TNN日记 2(Linux系统)
- 华为ENSP进行evn实验,尚不完整,但已经有RT1、RT2、RT3、RT4了
- 计算机浏览器中默认存在的安全协议是什么,计算机浏览器中默认存在的安全协议是( )。...
- IIS启动失败,发生意外错误 0x8ffe2740的解决方法
- 音质蓝牙耳机哪款好用?2023公认音质好的四款蓝牙耳机推荐
- 无老师作文巨讲堂连载【2015年上半年全集】|托福作文满分必备
- 解锁电机气隙公差分析之奥秘!
- 雪球释老毛推荐的投资者书单
- Viper的使用方法
- 用户主要通过计算机软件与计算机进行交流,大学计算机基础(2015版)蔡绍稷,吉根林习题三-答案讲述.doc...
- 关于第十六届智能车竞赛全国总决赛比赛意见
- HTC Lengend G6上网-彩信设置
- C与C++游戏项目练习4:弹跳的小球2.0
热门文章
- android 夜间模式源码,Android Support Library 之 夜间模式
- 好好说话之Fastbin Attack(1):Fastbin Double Free
- Package | 解决 Could not build wheels for opencv-python which use PEP 517 and cannot be installed
- 2021年第四季度全球消费者信心总体持平,印度仍为全球最高,中国大幅增长,日本仍远低于全球平均水平 | 美通社头条...
- BUPT OJ143 Triangle
- div 添加失焦事件
- ckplayer ajax,谁能帮我做一个脚本啊?能让这个网页视频播放可以拉动进度条 可以快进...
- 【产品经理】大学生知识库
- 网易2019实习生招聘编程题集合
- 超卓航科上市:募资9亿市值超60亿 成襄阳首家科创板企业