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