h5调起app技术调研

最新推荐文章于 2022-05-17 11:05:21 发布

vieber

最新推荐文章于 2022-05-17 11:05:21 发布

阅读量176

点赞数

分类专栏：前端 h5混合应用开发

本文链接：https://blog.csdn.net/sufubo/article/details/115760703

版权

前端同时被 2 个专栏收录

91 篇文章 0 订阅

订阅专栏

h5混合应用开发

32 篇文章 0 订阅

订阅专栏

本文探讨了两种实现从网页跳转到App目标页或下载页的方案。方案一利用setTimeout结合visibilitychange和pagehide事件来判断是否应该跳转到下载页。方案二介绍了iOS中的Universal Link技术，它允许直接通过链接启动App，提供无缝的用户体验。这两种方法都是为了优化用户在不同设备和环境下的App交互流程。

摘要由CSDN通过智能技术生成

目标

有app跳转到app目标页，无app跳转到下载页，或者跳转到appstore。

方案一

先跳转app对应页面，然后过2s钟跳转下载页。
然后中间检测如果visibilitychange事件触发，或者pagehide触发，则清除跳转到下载页的定时器。

window.location.href = localPageUrl;

let timer = setTimeout(() => {
   window.location.href = downloadUrl;
}, 2000);

document.addEventListener('visibilitychange webkitvisibilitychange', () => {
  clearTimeout(timer);
});
window.addEventListener("pagehide", () => {
    clearTimeout(timer);
});