標籤:bsp init html getc tle tco eid fun let
方法一: HTML+ 封裝好的方法,額外配置,使用指定方法打包才可用
屬性:
- imei: 裝置的國際行動裝置身份碼
- imsi: 裝置的國際移動使用者識別碼
- model: 裝置的型號
- vendor: 裝置的生產廠商
- uuid: 裝置的唯一標識
參考地址: http://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
參考地址:http://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); }); } } })();
js擷取移動端裝置資訊(IMEM,IMIS,手機型號,系統版本,瀏覽器資訊等)