乐趣区

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

jiezi

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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。

退出移动版