摘要:本篇教程介绍了JavaScript如何获取移动端设备信息,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
本篇教程介绍了JavaScript如何获取移动端设备信息,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
<
方法一: HTML+ 封装好的方法,额外配置,使用指定方法打包才可用
属性:
imei: 设备的国际移动设备身份码
imsi: 设备的国际移动用户识别码
model: 设备的型号
vendor: 设备的生产厂商
uuid: 设备的唯一标识
参考地址: //www.html5plus.org/doc/zh_cn/device.html
方法二:引用插件mobile-detect.js,可以获取
console.log( md.mobile() ); // ‘Sony‘
console.log( md.phone() ); // ‘Sony‘
console.log( md.tablet() ); // null
console.log( md.userAgent() ); // ‘Safari‘
console.log( md.os() ); // ‘AndroidOS‘
console.log( md.is(‘iPhone‘) ); // false
console.log( md.is(‘bot‘) ); // false
console.log( md.version(‘Webkit‘) ); // 534.3
console.log( md.versionStr(‘Build‘) ); // ‘4.1.A.0.562‘
console.log( md.match(‘playstation|xbox‘) ); // false
参考地址://hgoebl.github.io/mobile-detect.js
下载地址:https://github.com/hgoebl/mobile-detect.js/
方法三:调用app的native方法,jsBrage交互获取json字符串
//app交互
var flag;
var jsBridge = (function () {
function connectWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) {
callback(WebViewJavascriptBridge);
} else {
document.addEventListener(‘WebViewJavascriptBridgeReady‘, function () {
callback(WebViewJavascriptBridge);
}, false)
}
}
connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
WebViewJavascriptBridge.init(function (message, responseCallback) {
});
WebViewJavascriptBridge.registerHandler("contactsList", function(data, responseCallback) {
phoneNumbers=(data);
});
WebViewJavascriptBridge.registerHandler("contacts", function(data, responseCallback) {
var datas=JSON.parse(data);
if(currentNum==1){
name1=datas.name;
tel1=datas.phone;
$("#firstTxtName").val(datas.name);
$("#firstTxtTel").val(datas.phone);
}else {
name2=datas.name;
tel2=datas.phone;
$("#secondTxtName").val(datas.name);
$("#secondTxtTel").val(datas.phone);
}
});
WebViewJavascriptBridge.callHandler(‘getAppVersion‘, {}, function (response) { callback(response); });
fn && fn();
})
return {
init: function (fn) {
connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
WebViewJavascriptBridge.init(function (message, responseCallback) {
});
fn && fn();
})
},
copyWechat: function (obj) {
WebViewJavascriptBridge.callHandler(‘copyWechat‘, { pageID: obj.pageID }, function (response) { });
},
saveQR: function (obj) {
WebViewJavascriptBridge.callHandler(‘saveQR‘, { pageID: obj.pageID }, function (response) { });
},
showAppPage: function (obj) {
WebViewJavascriptBridge.callHandler(‘showAppPage‘, { pageID: obj.pageID }, function (response) { });
},
jumpTo: function (obj) {
WebViewJavascriptBridge.callHandler(‘jumpTo‘, {}, function (response) { });
},
showWebPage: function (obj) {
WebViewJavascriptBridge.callHandler(‘showWebPage‘, { title: obj.title, pageUrl: obj.pageUrl }, function (response) { });
},
getSid: function (callback) {
WebViewJavascriptBridge.callHandler(‘getSid‘, {}, function (response) { callback(response); });
},
getContacts: function (callback) {
WebViewJavascriptBridge.callHandler(‘getContacts‘, {}, function (response) { callback(response); });
},
getAppVersion: function (callback) {
WebViewJavascriptBridge.callHandler(‘getAppVersion‘, {}, function (response) {
flag=response;
callback(response);
});
}
}
})();
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号