微信公众号H5页面跳转至app的某个页面,如果手机内没有app,则进入下载页面

安卓实现方法:

  $(function(){
          var Id = getParameter("goodsid");

        //此操作会调起app并阻止接下来的js执行,进入已安装的app

               $('body').append("");

        //没有安装应用会执行下面的语句
        setTimeout(function()                                {window.location='http://a.app.qq.com/o/simple.jsppkgname=com.bjyijiequ.community'},3000);

  })

  微信公众号H5页面跳转至app的某个页面,如果手机内没有app,则进入下载页面_第1张图片

            实测情况:进入该H5页面后,如果安装app,会进入app内约定详情页,如果网速过慢,3000毫秒过后,会通过应用宝进入到app的首页。

                            如果没有安装app,会进入应用宝该app的下载页。

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.    这个标签是告诉iphone的safari浏览器,这个网站对应的app是什么,然后在页面上面显示一个下载banner

           2.该h5页面需要在浏览器打开

点击右上角“...”选择在Safari中打开, 选择Safari图标如下:

,demo如下

提示用户使用浏览器打开页面后跳转到制定页面的demo:


    


    

            
    

    

        

点击右上角“...”选择在浏览器中打开


    
    

   

你可能感兴趣的:(微信公众号H5页面跳转至app的某个页面,如果手机内没有app,则进入下载页面)