美文网首页
vue获取设备判断安卓苹果

vue获取设备判断安卓苹果

作者: Hello杨先生 | 来源:发表于2020-02-02 21:34 被阅读0次
//获取设备信息
import mobileDevice from 'mobile-detect'
var device_type = window.navigator.userAgent

let md = new mobileDevice(device_type)
var os = md.os();//获取系统
var model = "";
if (os == "iOS") {//ios系统的处理
  os = md.os() + md.version(os);
  model = md.mobile();
} else
if (os == "AndroidOS") {//Android系统的处理
  os = md.os() + md.version(os);
  model = md.mobile();
}
let currAgent = {
  version:os,
  brand:model,
  platform:md.userAgent(),
}
Vue.prototype.$currAgent = currAgent
    created(){
      //判断设备
      console.log(this.$currAgent)
      var u =window.navigator.userAgent
      console.log(u)
      var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 //android终端
      var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
        console.log('安卓')
      }else if(isiOS){
        console.log('苹果')
      }


}

相关文章

网友评论

      本文标题:vue获取设备判断安卓苹果

      本文链接:https://www.haomeiwen.com/subject/hyccxhtx.html