Html唤起手机APP,如果有就唤起,如果没有就跳到下载页。

Posted fishjump

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html唤起手机APP,如果有就唤起,如果没有就跳到下载页。相关的知识,希望对你有一定的参考价值。

在微信里面打开app的指定页面,考虑到使用Url Scheme,可是微信已经禁止了,但是通过浏览器可以实现,
最终是在微信里面让用户通过打开浏览器,使用安卓或者ios开发者提供的协议短链,
如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin://
实现在浏览器中打开app指定页面,通过传递不同的参数实现跳转不同的页面

而对于点击链接后,能否直接打开,可以通过下面的代码来实现。


js代码

document.querySelector("#linkApp").onclick = function(){
    setTimeout(function(){
        window.location.href = "com.baidu.tieba://"     //唤起APP
    },2000);
    window.location.href = "download.html"             //2秒内没有唤起,表示手机中没有该APP,去下载页
}

 

能否在微信中打开浏览器可以用 CommaTool工具实现
工具地址:http://www.commatool.cn/

使用教程:
①:输入需要在微信中打开的网址链接。(需要唤起APP页面的链接)

②:点击生成按钮,生成转换后的链接和二维码。

③:复制生成后的链接或者扫一扫二维码即可。


可以用这个工具测试一下,免费

 

以上是关于Html唤起手机APP,如果有就唤起,如果没有就跳到下载页。的主要内容,如果未能解决你的问题,请参考以下文章

H5网页在浏览器中唤起app,怎么实现?

浏览器加载HTML页面唤起手机中的App最全攻略

浏览器加载HTML页面唤起手机中的App最全攻略

iOS 唤起APP之URL Scheme

移动web唤起手机拍照摄影录音及拨号

h5唤起app方法