h5网页跳转到app，若未安装app，则跳转app下载页面

最新推荐文章于 2024-06-05 09:19:48 发布

转载最新推荐文章于 2024-06-05 09:19:48 发布 · 595 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lvshuya/p/6590062.html

文章标签：

#移动开发

本文介绍了一种用于引导不同平台（Android和iOS）用户下载应用的JavaScript脚本实现方式。该脚本通过判断用户的设备类型来加载相应的下载链接，对于Android用户，通过隐藏的iframe元素触发应用商店的下载流程；而对于iOS用户，则直接使用location.href进行跳转。

if(isAndroid){     
                android();
              function android(){
                    var ifr = document.createElement("iframe");
                  ifr.src = ""; 
                  //app地址
                  ifr.style.display = "none"; 
                  document.body.appendChild(ifr);     
                  window.setTimeout(function(){
                    document.body.removeChild(ifr);
                    window.location.href = "";
                    //app下载地址
                   },500)
             }      
            }
          
           if(isiOS){ 
               ios()
             function ios(){
                   window.location.href="";
                    //app地址
                   window.setTimeout(function(){
                      window.location.href = ""; 
                      /***下载app的地址***/
                   },2000)
              }
           }