尝试调整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页面,尝试调整应用程序的功能,我们希望能帮助你,如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。