js 实现呼起(打开)app 和跳转到app某个页面

编程知识 更新时间:2023-05-02 19:56:51

我们知道,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某个页面

本文发布于:2023-04-28 09:49:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/f7f5029b3f0cccc939e12d009bae70db.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:跳转到   页面   js   app

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 108443文章数
  • 27403阅读数
  • 0评论数