HTML5网页页面中尝试调起APP作用

日期:2021-02-23 类型:科技新闻 

关键词:h5小游戏,h5如何制作,免费h5在线制作,h5页面在线制作,测一测h5

在市面上上常常见到这类作用目前应当十分广泛了,淘宝H5,知乎H5这些。。。

 

点一下后会调起APP或开启免费下载网页页面或立即开展免费下载。

可是我这里发现知乎的这个作用有点不1样

他的逻辑性是先提醒我是不是开启手机上中的知乎APP(访问器的体制了解客户实际操作批准),随后接着又弹出免费下载的提醒。

 

处理计划方案URL scheme

URL scheme的方法在IOS和安卓系统都适用,适配性较好。

优先选择应用iframe的方法

伪编码以下:

const iframe = document.createElement('iframe');
iframe.src = 'URL scheme'; // URL scheme的方法自动跳转
iframe.style.display = 'none';
document.body.appendChild(iframe);

这时候候假如在1切自然环境适用的状况下,就会唤起APP了。

可是这是理想化状况下,更多的是要做适配解决这快逻辑性。

一些系统软件会阻拦iframe的src(这只是导致唤起APP不成功的在其中1种缘故),由于这个src特性是1个法外hacker,许多系统漏洞全是运用他导致的。

因此这时候候就要分辨调APP不成功的状况了。

伪编码以下:

const timer = 1000;
setTimeout(function() {
        // 实行取得成功后移除iframe
    document.body.removeChild(iframe);
    //setTimeout小于2000一般觉得是勾起APP不成功 
    if (Date.now() - last < 2000) {
            // 实行不成功涵数
            // 这里必须考虑到1下以前知乎遇到的那个难题(访问器了解致使時间小于2S)
    } else {
           //  实行取得成功涵数
        }
}, timer);

了解:

  • 假如勾起取得成功,H5网页页面会被切换到后台管理,计时器就会延迟时间。即便客户再从app切换到H5网页页面,这个時间差必定也是超过2S的。
  • 假如勾起不成功,定时执行器会按时实行(即便会有100ms的延迟时间也是够了),这时候候必定是小于2S的。

在iframe被阻拦的状况下,大家可使用window.location.href = URL scheme来做适配。

总结

以上所述是网编给大伙儿详细介绍的HTML5网页页面中尝试调起APP作用,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!