我们知道,js是无法判断手机是否安装了某款app的,但是有时候我们会有这样的需求:点击下载app按钮,如果已经安装了这款app则呼起,如果没有安装则跳转到下载页。
思路:
在前端,如果想实现上述问题,首先得有个url一个android或ios人员给的url。这个url的作用是呼起app。为啥调用这个url就能呼起app呢,因为,Android和iOS 开发人员开发时可以实现在安装这款app到手机时,同时在手机上注册一个这个URL。在前端只需跳转到这个URL如果手机上存在这个URL则会呼起app,如果没有则不会做任何事情。
现在还有个问题:如果没有安装这款app,怎么实现跳转到下载页呢?这个也不难,可以:获取时间如果,长时间不能呼起app则默认为没有安装这款app,然后跳转到下载页。
代码:
var url_ios = ‘vread_ios://’;
var url_ios _download= ‘http://www.xxx’;
var url_android = 'vread://com.sina.book.xxx';
var url_android_download = 'http://www.xxx'
//通过window.navigator.userAgent来判断当前设备是IOS还是Android。
if (IOS){
var loadTime = new Date();
location.href = url_ios;
setTimeout(function(){
var outTime = new Date()
if(outTime - loadTime > 800){
location.href = url_ios_download;
}
},1000)
}else{
var loadTime = new Date();
location.href = url_android;
setTimeout(function(){
var outTime = new Date()
if(outTime - loadTime > 800){
location.href = android_download;
}
},1000)
}
---------------------
作者:尼古拉斯-托尔斯泰-赵四
来源:CSDN
原文:https://blog.csdn/qq_31411389/article/details/68485700
版权声明:本文为博主原创文章,转载请附上博文链接!
跳转到app某个页面 和原生开发人员要就行了
更多推荐
js 实现呼起(打开)app 和跳转到app某个页面
发布评论