需求
open in app
点击免费下载按钮, 如果本机安装了此应用, 那么就唤醒该应用, 如果没有安装此应用, 那么就跳转下载链接
其实 H5 中没有办法去判断本机有没有安装了哪款应用, 但是我们可以设置一个超时时间, 如果唤醒应用的时长超过了这个时间, 那么就判断你没有安装此应用
- html
- // href 为该应用的协议, 可以向客户端开发人员获取, data-download-href 为应用的下载地址
- < a href = "weixin://"data - android - href = "{$data.box.urlapk}"data - ios - href = "{$data.box.urlapp}"class = 'open-btn' > 免费下载 < /a>
- javascript
- / / 下载游戏或则打开app $('.open-btn').on('click',
- function() {
- if (isWechat()) {
- // 显示在浏览器中打开
- } else {
- let href = "";
- if (isIos()) {
- href = $('.open-btn').attr('data-ios-href" );
- } else {
- href = $('.open-btn').attr('data-android-href');
- }
- let clickedAt = +new Date();
- setTimeout(function() {
- // webkitHidden 检测页面对于用户的可见性 (切换标签或者切换后台就不可见了)
- ! window.document.webkitHidden && setTimeout(function() {
- if ( + new Date() - clickedAt < 2000) {
- window.location = href;
- }
- },
- 500);
- },
- 500)
- }
- })
再说一点
根据自己的项目情况来修改代码就可以了, 可能只有安卓应用没有 ios 应用, 那么自己修改代码就可以啦, 提示用户没有 ios 版的应用
喜欢这篇文章的可以点一下喜欢还有关注哦, 你们的关注是我写下去的动力!
来源: http://www.jianshu.com/p/dc72d2a7c275