HTML<div class="container"> <div id="btn_download" class="card-btn card_item"> 立即下载 </div></div><div class="mask" @click="hide"> <ol> <li>点击右上角</li> <li>浏览器打开</li> </ol></div> JS方法// 点击事件document.querySelector('#btn_download').onclick = function () { toApp();}// 调起APP function toApp() { var btn_download = document.getElementById("btn_download"); var ua = window.navigator.userAgent.toLowerCase(); var isweixin = navigator.userAgent.toLowerCase().match(/micromessenger/i) != null; var isqq = navigator.userAgent.toLowerCase().indexOf("qq/") > -1; var isweibo = ua.match(/weibo/i) == "weibo"; if (isweixin || isweibo) { document.getElementsByClassName("mask")[0].style.display = "block"; document.body.addEventListener('touchmove', bodyScroll, false); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; // 如果是安卓微信浏览器 if (/android/i.test(navigator.userAgent)) { alert("安卓微信浏览器"); } // 如果是iOS微信浏览器 else if (/ipad|iphone|mac/i.test(navigator.userAgent)) { alert("iOS微信浏览器 "); } } else { if (/android/i.test(navigator.userAgent)) { if (!isweixin && !isqq) { btn_download.setAttribute("href", "ops://"); this.openandIndex(); } } else if (/ipad|iphone|mac/i.test(navigator.userAgent)) { if (!isweixin && !isqq) { window.location.href = "com.dakang.mentalhealth://"; openiosIndex(); } else if (isqq) { btn_download.setAttribute("href", "com.dakang.mentalhealth://"); openiosIndex(); } } } } // 安卓下载链接 function openandIndex() { var t = setTimeout(function () { window.location.href = "******" //安卓的APP下载地址 }, 3000); setTimeout(function () { clearTimeout(t); }, 3500); } // ios下载链接 function openiosIndex() { var t = setTimeout(function () { window.location.href = "******"; //ios的APP下载地址 }, 1500); setTimeout(function () { clearTimeout(t); }, 1500); } CSS样式.mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; text-align: center; line-height: 100%; font-size: 1.2rem; color: #333; background-color: rgba(242, 242, 242, 0.7); } ol { position: absolute; top: 30%; left: 35%; } ol li { margin-bottom: 30px; } 文章作者: Yuxay文章链接: https://www.yuxay.cn/2020/04/21/JS%E8%B0%83%E8%B5%B7APP%EF%BC%8C%E6%B2%A1%E6%9C%89app%E5%88%99%E8%B7%B3%E8%BD%AC%E8%87%B3%E5%BA%94%E7%94%A8%E5%B8%82%E5%9C%BA/版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CodeRookie!js上一篇使用electron-vue时遇到的问题及解决下一篇vue + tinymce上传图片到七牛以及图片批量上传 相关推荐 2019-04-28JS判断安卓,ios和微信 2021-11-05CropperJS中文文档(翻译自Cropper.js原英文文档) 2019-04-10foreach循环json数组 评论