js获取移动端设备信息(IMEM,IMIS,手机型号,系统版本,浏览器信息等)

摘要:
方法1:HTML+打包方法、附加配置和使用指定方法打包是可用属性:imei:device的国际移动设备ID imsi:device的国际移动用户ID型号:device的型号供应商:device制造商uuid:device唯一标识参考地址:http://www.html5plus.org/doc/zh_cn/device.html方法2:引用插件mobile-detect.js获取console.log(md

方法一: 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); 
                });
            }
      }
  })();

  

免责声明:文章转载自《js获取移动端设备信息(IMEM,IMIS,手机型号,系统版本,浏览器信息等)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux系统redhat7.9安装Rwxparse使用(富文本插件)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

window.opener方法的使用 js跨域

最近公司网站登陆加入了第三方登陆。可以用QQ直接登陆到我们网站,在login页面A中点QQ登陆时,调用了一个window.open文件打开一个login页窗口B,登陆后callback地址回调成功后,需要关闭当前window.open打开的login小窗口B,再将打开这个小窗口的原窗口页(A)刷新显示正确状态. 这时就用到了这个方法: window.ope...

Vue 3 组件开发:搭建基于SpreadJS的表格编辑系统(功能拓展)

通过环境搭建和组件集成,我们学会使用 Vite 和 SpreadJS ,将在线Excel的编辑功能集成在Vue 3项目中。 本章,我将带领大家继续扩展 Vue 3 这个项目原型,实现数据绑定、模板文件导入/更新/导出和数据透视表等功能,本章的实现思路与上一篇“组件集成”基本类似。 设计思路 · 同时创建SpreadJS 和Designer(表格编辑器)两个...

jQuery(三)

五、使用jQuery操作input的value值 表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector).val()//设置值和获取值 看如下HTML结构: <!DOCTYPE html> <...

js中动态载入css js样式

js中动态载入css样式,方法如下: //<link rel="stylesheet" type="text/css" href="http://t.zoukankan.com/http://css.static.m1905.cn/base.min.css"> var addCssLink =function(url){ var lin...

js 提示窗

/** * @Co.,Ltd. 千寻前端 * @authors 小石头(1348571886@qq.com) * @date 2014-12-22 * @version 4.0 */ var jAlert=(function(){ this.myalertin=function(text,color...

C#使用技巧之调用JS脚本方法一

有时候我们需要在C#中直接调用js方法,这是完全没问题的。当然,我们也可以把js代码转化为C#,然后在C#中执行,但是这个就得花时间了~~下面我给大家介绍下一种直接在C#中调用JS文件的方法。 0、贴个效果图 1、创建个Winform项目。 2、在From1上增加一个文本框一个按钮。 3、在解决方案中创建一个test.js文件。 test.js代码如下:...