关于vue.js:vue判断是否安装app

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在挪动端开发的过程中,咱们有时候在点击的时候须要判断用户是否装置了app,如果装置了就关上,如果没有关上就…,上面我来分享一下如何实现。
4.废话不多说,间接上操作:

// 在这里我对办法进行了封装

// 判断是否装置 app,返回布尔值来判断是否装置
const installapp = (value1, value2) => {
 // 在这里我只对 android 进行了解决,ios都是一样的思路
 let timer = undefined;
 if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
  var loadDateTime = new Date();
  window.setTimeout(function () {
   var timeOutDateTime = new Date();
   if (timeOutDateTime - loadDateTime < 5000) {
    window.location = "https://itunes.apple.com/cn/app/id477927812";
   } else {
    window.close();
   }
  },
   25);
  window.location = "weixin:// ";
 } else if (navigator.userAgent.match(/android/i)) {
  try {
   // window.location = "weixin://";
   /* 
   value1:weixin://
    */
   if (window.open(value1, "_top") == value1) {
    window.location = value1;
    value2 = "";
    clearTimeout(timer);
    return false;
   } else {
    timer = setTimeout(function () {
     // window.location = "http://a.app.qq.com/o/simple.jsp?pkgname=com.tencent.mm#opened"; //android下载地址
     // window.location= "http://weixin.qq.com/"; //android微信web下载地址
     Toast(value2);
    }, 1500);
   }
   clearTimeout(timer);
   // console.log(window.location = "weixin://");
   // setTimeout(function () {
   //  window.location = "http://a.app.qq.com/o/simple.jsp?pkgname=com.tencent.mm#opened"; //android下载地址
   //  // window.location= "http://weixin.qq.com/"; //android微信web下载地址
   //  cboo = false;
   // }, 3000);
  } catch (e) {
  }
 }
}

5.留神:

// 我在点击的时候,判断跳转的地址是不是包名,
如果相等,就示意本地有这个app,不然就是没有装置

// 如果装置了,先革除定时器,这样就不会触发上面的Toast办法
// 反之,执行上面的办法,我这里是提醒对应的音讯,小伙伴们依据本人的需要进行更改

// 在安卓的判断是以微信举例的

//调用办法如下:

this.$cJs.installapp("weixin://", "Lucky Tesco: Plase install WhatsApp first");

6.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。