h5判断是否安装app,如果有,跳转app,反之跳转下载页面

2 篇文章 0 订阅
2 篇文章 1 订阅

h5判断是否安装app,如果有,跳转app,反之跳转下载页面

经历:当开始接到这个需求的时候,在网上看了下,在网上说的去写了,但是达不到我的效果,所以稍微修改了下!如下:

话不多说直接上代码了:

                    //微信游览器会有拦截,所以需要在非微信游览器打开,(目前还不知道哪些游览器有拦截,只知道微信是不支持的)
                    if(this.isWeixin){
						this.setPopup("请在浏览器里面打开")
						return
					}
					if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
						/**
						 * ios无法直接判断是否安装了app,所以做了一个中间页做跳转,
						 * 在服务器上面,如果下载了这个页面会直接打开app,
						 * 反之会跳转到中间页上,让客户自己去下载
						 */
						this.navToApp('ios的中间页')
					 } else if (navigator.userAgent.match(/android/i)) {
						window.open("schema链接或者universal link(就是打开app的schema,问app开发同事要就可以了)",'_self')
						setTimeout(()=>{
							let hidden=window.document.hidden||window.document.webkitHidden||window.document.mozHidden||window.document.msHidden
							if(typeof(hidden) =="undefined"||hidden==false){
								window.location.href="下载app链接,问app开发要就可以了"
							}
						},2000)
						}

可能条件不是那么的严谨,目前没想到更好的条件了,有更好的条件来判断的同学可以下方评论一起交流下哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值