尝试调整HTML5页面中的应用程序功能

这是很常见的这一特点,现在市场上,淘宝的H5,H5等。


单击后,您将启动应用程序或打开下载页面或直接下载它。

但我觉得这里的功能有点不同。

他的逻辑首先是提示我是否在我的手机中打开应用程序(浏览器的机制要求用户的操作权限),然后再下载提示。


URL方案解决

IOS和Android都支持URL方案,兼容性很好。

iframe是首先使用的方式

伪代码如下所示:


const IFRAME = document.createelement('iframe);
iframe.src = 'url方案 / URL方案;跳跃模式
iframe.style.display =不关;
document.body.appendchild(iframe);


此时,如果所有环境都支持,应用程序将被唤醒。

但这是一个理想的情况,更多的是与这种快速逻辑相兼容。

有些系统拦截iframe的src(这是无法醒来的原因只有一个,因为应用程序)的src属性是一种法律的黑客,和许多漏洞是他造成的。

所以这一次来判断应用程序失败的情况。

伪代码如下所示:


常量定时器= 1000;
setTimeout(){()函数(
在iframe / /实施的成功删除
document.body.removechild(iframe);
/ / setTimeout小于2000通常被认为是引起故障的APP
如果(Date.now)去年(<2000){
失败函数
这里需要考虑一下之前遇到的问题(取决于浏览器要求的前置时间小于2)。
{人}
成功的执行功能
}
}定时器);


理解uff1a

如果成功,H5页面将切换到后台,定时器将被延迟。即使用户从应用程序切换到H5页面,时间差异也必然大于2S。
如果失败了,定时器将执行时间(即使100ms的延迟就够了),这一次一定会小于2s。


在iframe被拦截的情况下,我们可以使用window.location.href = URL方案的兼容性。

总结

以上是萧边介绍的HTML5页面,尝试调整应用程序的功能,我们希望能帮助你,如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。