js 实现呼起(打开)app

我们知道,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.com’;
var url_android = 'vread://com.sina.book.xxx'var url_android_download = 'http://www.xxx.com'
//通过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)
}
  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值