首页 > 开发 > HTML > 正文

点击一个按钮,如果装了app则直接跳转到app,如果没有则跳转到下载链接

2017-09-09 13:44:34  来源: 网友分享

很多h5页面都有立即打开/下载的按钮,比如网易新闻
http://3g.163.com/ntes/special/00340EPA/wapSpecialModule.html?sid=S1465956142051&spst=2&spss=newsapp&spsf=wx&spsw=1

比如今日头条
http://toutiao.com/i6298416478102225409/?tt_from=weixin&utm_campaign=client_share&from=singlemessage&app=news_article&utm_source=weixin&isappinstalled=1&iid=4639652216&utm_medium=toutiao_ios&wxshare_count=2&pbid=19604438942

在移动端打开都有这样一个按钮,点击之后,如果手机里安装了该app,则直接打开,如果没有安装,会跳转去下载。请问这个逻辑是如何实现的,据我所知,js无法判断手机上是否安装了app。

求有经验的大神解惑!


谢谢大家的积极回答,现在遇到的坑是,在iphone的safri中,点击会出现弹窗提示,询问我是否打开app或者告诉我链接无效,因为这个提示的原因导致用setTimeout的逻辑会出现问题,因此不知道各位有没有什么办法能够阻止safri的弹窗?

解决方案

没有想到这个问题这么多人关注。
昨天有同学还私信问我这个问题搞定没!

不能算是完美搞定吧,但是也有一些调研体会,因此将自己对这个问题的总结写在了下面这篇文章里,有兴趣的同学欢迎去看一下。都是辛苦的劳动成果啊!求点赞!!!

浏览器中唤起native app || 跳转到应用商城下载