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

发布时间:2018-12-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-微信公众号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);     })

html5教程-微信公众号H5页面跳转至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.该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);     })

html5教程-微信公众号H5页面跳转至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.该h5页面需要在浏览器打开 <p class="content"><p>点击右上角“...”选择在Safari中打开, 选择Safari图标如下:</p></p>  2.<meta name="apple-itunes-app" content="app-id=1048321627">    这个标签是告诉iphone的safari浏览器,这个网站对应的app是什么,然后在页面上面显示一个下载banner

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

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-微信公众号H5页面跳转至app的某个页面,如果手机内没有app,则进入下载页面功能的实现教程全部内容,希望文章能够帮你解决html5教程-微信公众号H5页面跳转至app的某个页面,如果手机内没有app,则进入下载页面功能的实现教程所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: