dontes

 

方法一: HTML+  封装好的方法,额外配置,使用指定方法打包才可用

属性:

  • imei: 设备的国际移动设备身份码
  • imsi: 设备的国际移动用户识别码
  • model: 设备的型号
  • vendor: 设备的生产厂商
  • uuid: 设备的唯一标识

参考地址: http://www.html5plus.org/doc/zh_cn/device.html

 

方法二:引用插件mobile-detect.js,可以获取

  1. console.log( md.mobile() );          // \'Sony\'  
  2. console.log( md.phone() );           // \'Sony\'  
  3. console.log( md.tablet() );          // null  
  4. console.log( md.userAgent() );       // \'Safari\'  
  5. console.log( md.os() );              // \'AndroidOS\'  
  6. console.log( md.is(\'iPhone\') );      // false  
  7. console.log( md.is(\'bot\') );         // false  
  8. console.log( md.version(\'Webkit\') );         // 534.3  
  9. console.log( md.versionStr(\'Build\') );       // \'4.1.A.0.562\'  
  10. 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); 
                });
            }
      }
  })();

  

分类:

技术点:

相关文章: