美文网首页
vue.js 判断网页是在手机还是电脑,苹果手机还是安卓手机打开

vue.js 判断网页是在手机还是电脑,苹果手机还是安卓手机打开

作者: 郝艳峰Vip | 来源:发表于2020-11-26 20:06 被阅读0次

前言


我是放到minxin里边的方法

在项目中的minxin里边新建googleMinx .js文件

export default {
    data() {
        return {}
    },
    methods: {
        // 判断是在手机还是电脑
        isMobile_pc() {
            let flag = navigator.userAgent.match(
                /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
            );
            return flag;
        },
        // 判断是在安卓还是ios打开
        is_andriod_ios() {
            var u = navigator.userAgent;
            return {
                //移动终端浏览器版本信息
                trident: u.indexOf("Trident") > -1, //IE内核
                presto: u.indexOf("Presto") > -1, //opera内核
                webKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
                gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
                mobile:
                    !!u.match(/AppleWebKit.*Mobile/i) ||
                    !!u.match(
                        /MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/
                    ), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android终端或者uc浏览器
                iPhone: u.indexOf("iPhone") > -1 || u.indexOf("Mac") > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf("iPad") > -1, //是否iPad
                webApp: u.indexOf("Safari") == -1, //是否web应该程序,没有头部与底部
            };
        },
    },
}

在需要使用的页面

import googleMinx from "@/mixin/googleApple";
export default {
  mixins: [googleMinx],
  methods: {
    apple_google_button(val_ios_google) {
      //如果是手机那就跳到应用市场
      if (this.isMobile_pc()) {
        if (
          this.is_andriod_ios().iPhone ||
          this.is_andriod_ios().iPad ||
          this.is_andriod_ios().ios
        ) {
            window.location.href =
              "https://apps.apple.com/us/app/buydo-io/id1532869344";
      
        }
        if (this.is_andriod_ios().android) {
            window.location.href =
              "https://play.google.com/store/apps/details?id=com.szkskwl.sarge_app";
 
        }
      } else {
       这里是pc端
      不做跳转
      }
    },
  },
}

相关文章

网友评论

      本文标题:vue.js 判断网页是在手机还是电脑,苹果手机还是安卓手机打开

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