微信公众号H5页面跳转至app的某个页面，如果手机内没有app，则进入下载页面功能的实现教程

安卓实现方法：

   $(function(){
                VAR Id = getParameter("goodsid");
               //此操作会调起app并阻止接下来的js执行，进入已安装的app                 $('body').apPEnd("iframe src='yjqandROId://?goodsid="+Id+"' style='display:none' target='' >
    /iframe>
    ");
           //没有安装应用会执行下面的语句          setTimeout(function()                                {
window.location='https://a.app.QQ.COM/o/simple.jsppkgname=com.bjyijiequ.commUnity'}
    ,3000);
     }
    )

IOS实现方法：

      var Id = getParameter("goodsid");
            //进入Ios详情页       location.href = "com.sinoceanland.yjq://goodsdetail?goodsid="+Id;
            var ua = navigator.userAgent;
       //1000毫秒后进不了详情页，就进入应用商店下载页面         setTimeout(function() {
             if (ua.indexOf('Safari') >
 -1) {
                 location.href = "https://ITunes.apple.com/cn/app/yi-jie-qu/id1048321627?mt=8";
         }
      }
    , 1000);
    

实测情况：如果安装app，会跳入app详情页；

如果没有安装，通过浏览器打开，会弹框提示com.sinoceanland.yjq://goodsdetail的地址是错误地址，

点击按钮好之后，会进入app下载页面。

补充：

 1.该h5页面需要在浏览器打开 p class="content">
    p>
    点击右上角“...”选择在Safari中打开， 选择Safari图标如下：/p>
    /p>
      2.meta name="apple-itunes-app" content="app-id=1048321627">
    这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner

安卓实现方法：

   $(function(){
                var Id = getParameter("goodsid");
               //此操作会调起app并阻止接下来的js执行，进入已安装的app                 $('body').append("iframe src='yjqandroid://?goodsid="+Id+"' style='display:none' target='' >
    /iframe>
    ");
           //没有安装应用会执行下面的语句          setTimeout(function()                                {
window.location='https://a.app.qq.com/o/simple.jsppkgname=com.bjyijiequ.community'}
    ,3000);
     }
    )

IOS实现方法：

      var Id = getParameter("goodsid");
            //进入Ios详情页       location.href = "com.sinoceanland.yjq://goodsdetail?goodsid="+Id;
            var ua = navigator.userAgent;
       //1000毫秒后进不了详情页，就进入应用商店下载页面         setTimeout(function() {
             if (ua.indexOf('Safari') >
 -1) {
                 location.href = "https://itunes.apple.com/cn/app/yi-jie-qu/id1048321627?mt=8";
         }
      }
    , 1000);
    

实测情况：如果安装app，会跳入app详情页；

如果没有安装，通过浏览器打开，会弹框提示com.sinoceanland.yjq://goodsdetail的地址是错误地址，

点击按钮好之后，会进入app下载页面。

补充：

 1.该h5页面需要在浏览器打开 p class="content">
    p>
    点击右上角“...”选择在Safari中打开， 选择Safari图标如下：/p>
    /p>
      2.meta name="apple-itunes-app" content="app-id=1048321627">
        这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！