当前位置:网站首页 > React Native移动开发 > 正文

移动端相关信息获取

判断手机系统 

function judgeSystem(){ var userAgent = navigator.userAgent; var index = userAgent.indexOf("Android") if(index >= 0){ androidVersion = parseFloat(userAgent.slice(index+8)); // console.log(androidVersion,'安卓版本') // if(androidVersion>=10){ // // 版本大于等于10 // } } }

获取当前版本号 

function getAppVersion() { if (typeof nativeObject != "undefined") { if (window.nativeObject.getAppVersion) { // 安卓获取版本方式 var _version = window.nativeObject.getAppVersion(); return _version; } else { // IOS获取版本方式 var _version = window.nativeObject.handleMsgWithParam('getAppVersion', ''); return _version; } } else { return '0.0.0'; } }

判断手机类型

function judgeBrand(sUserAgent) { var isIphone = sUserAgent.match(/iphone/i) == "iphone"; var isHuawei = sUserAgent.match(/huawei/i) == "huawei"; var isHonor = sUserAgent.match(/honor/i) == "honor"; var isOppo = sUserAgent.match(/oppo/i) == "oppo"; var isOppoR15 = sUserAgent.match(/pacm00/i) == "pacm00"; var isVivo = sUserAgent.match(/vivo/i) == "vivo"; var isXiaomi = sUserAgent.match(/mi\s/i) == "mi "; var isXiaomi2s = sUserAgent.match(/mix\s/i) == "mix "; var isRedmi = sUserAgent.match(/redmi/i) == "redmi"; var isSamsung = sUserAgent.match(/sm-/i) == "sm-"; if (isIphone) { return 'iphone'; } else if (isHuawei || isHonor) { return 'huawei'; } else if (isOppo || isOppoR15) { return 'oppo'; } else if (isVivo) { return 'vivo'; } else if (isXiaomi || isRedmi || isXiaomi2s) { return 'xiaomi'; } else if (isSamsung) { return 'samsung'; } else { return 'default'; } } var brand = judgeBrand(navigator.userAgent.toLowerCase()); 

获取屏幕宽度

var windowWidth = $(window).width(); //根据不同屏幕宽度做不同处理 if(windowWidth<= 320){ //* } 

 

到此这篇移动端相关信息获取的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 抓包工具使用&移动端调试2024-11-30 10:18:09
  • 创建一个新的react项⽬时报错2024-11-30 10:18:09
  • 1.React核心入门2024-11-30 10:18:09
  • 2.React组件化2024-11-30 10:18:09
  • 3.React组件化22024-11-30 10:18:09
  • cesium在三维地图中拖拽移动实体位置2024-11-30 10:18:09
  • cesium在二维地图中拖拽移动实体2024-11-30 10:18:09
  • react 入门教程(react从入门到精通)2024-11-30 10:18:09
  • react入门到精通(react 入门)2024-11-30 10:18:09
  • react组件调用方法(react组件constructor)2024-11-30 10:18:09
  • 全屏图片