欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-19 18:48:43
安卓实现方法: $(function(){ var Id = getParameter("goodsid");...

安卓实现方法:

 	$(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);
  		})

微信公众号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