方法一: HTML+ 封装好的方法,额外配置,使用指定方法打包才可用
属性:
参考地址: http://www.html5plus.org/doc/zh_cn/device.html
参考:https://www.cnblogs.com/dontes/p/9075877.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字符串
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
//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); }); } } })(); |