app能不能跳转外部h5_APP内部H5页面跳转 & H5唤起APP 怎么做?

本文介绍了如何实现H5页面唤起APP并跳转至特定页面,包括判断APP是否安装、通过scheme协议唤起APP、处理唤起失败的提示策略。讨论了setTimeout和setInterval方法的优缺点,以及在遇到设备默认确认弹窗和微信屏蔽scheme等问题时的应对方案。
摘要由CSDN通过智能技术生成

H5唤起APP某页面

做的H5页面,在APP中放了入口,在APP中访问别的页面

场景

我们做的H5页面,希望从浏览器跳转至APP的某个特定页面,如在H5中设置购买按钮,希望点击跳转至APP内部的购买页面。

2、过程

(1)是否安装APP判断

首先浏览器是不能自动判断设备是否安装APP,所以抛出如下弹窗让用户自己选:

7ea8a3b61e70a8ce405e9b74340574bc.png点击下载APP跳转至对应的下载页面 /download 或根据环境下载ios或Android 的APP

点击已安装,APP会通过scheme协议唤起,如:xx,通过a标签添加链接地址,实现跳转。

(2)唤起APP判断唤起APP成功,跳转至APP对应的页面

唤起失败,页面没反应,所以此时需要给用户一个toast提示,告诉用户唤起失败

我们调起APP成功后快速返回浏览器,仍能看到toast提示,所以需要清除定时器

首先,H5或APP无法判断设备是否调起APP成功,所以在什么时机给用户toast提示,是个问题。

通过时差方案:

1、setTimeout时隔几秒后,给出提示

理想过程是这样:浏览器尝试打开URL scheme,开始计时,n秒后,在当前页面给出“调起失败”

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值