h5怎样唤醒app

这次给大家带来用h5怎样唤醒app,怎么用h5唤醒app?  h5唤醒app的注意事项有哪些,下面就是实战案例,一起来看一下。

h5唤起app这种需求是常见的。在移动为王的时代,h5在app导流上发挥着重要的作用。

三种唤起方案

目前我们采用的唤起方式是url scheme(iOS,注意事项平台都支持),只需原生APP开发时注册scheme, 那么用户点击到此类链接时,会自动跳到APP。

var last = Date.now(),    doc = window.document,    ifr = doc.createElement('iframe'); //创建一个隐藏的iframeifr.src = nativeUrl;ifr.style.cssText = 'display:none;border:0;width:0;height:0;';doc.body.appendChild(ifr); setTimeout(function() {    doc.body.removeChild(ifr);    //setTimeout回小于2000一般为唤起失败    if (Date.now() - last 

iframe方案的唤起原理是: 程序切换到后台时,计时器会被推迟(计时器不准的又一种情况)。如果app被唤醒那么网页必然就进入了后台,如果用户从app切回来,那么时间一般会超过2s;若app没有被唤起,那么网页不会进入后台,setTimeout基本准时触发,那么时间不会超过2s。

window.location.href直接跳转

window.location.href = nativeUrl;

登录后复制

a标签唤起

唤起app

登录后复制

对比iframe唤起和location.href,我们可以发现:

对于ios来说,location.href跳转更合适,因为这种方式可以在Safari中成功唤起app。Safari作为iphone默认浏览器其重要性就不用多说了,而对于微信和qq客户端,ios中这两种方式都没有什么卵用==

对于Android来说,在进入页面直接唤起的情况下,iframe和location.href是一样的,但是如果是事件注意事项的唤起,iframe唤起的表现比location.href要更好一点。

通过测试可以发现,进入页面直接唤起和事件驱动的唤起,对于很多浏览器,两者的表现是不同的,简单来说,直接唤起的失败更多。

通过上述对比分析,Android使用iframe唤起,ios采用window.location.href唤起更合适一点。

相信看了这些案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

相关阅读:

注意事项

注意事项

注意事项

以上就是h5怎样唤醒app的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3125233.html

(0)
上一篇 2025年3月29日 19:42:49
下一篇 2025年3月29日 19:42:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • H5手机扫码怎么实现

    这次给大家带来h5手机扫码怎么实现,怎么用h5进行手机扫码怎么实现?h5进行手机扫码的注意事项有哪些,下面就是实战案例,一起来看一下。 解决的问题: 1.能够在微博客户端呼起摄像头扫描二维码并且解析; 2.能够在原生浏览器和微信客户端中扫描…

    编程技术 2025年3月29日
    100
  • 怎样做出H5响应式网页设计

    这次给大家带来怎样做出h5响应式网页设计,h5做出响应式网页设计的注意事项有哪些,下面就是实战案例,一起来看一下。 本文介绍了HTML5响应式(自适应)网页设计的实现,分享给大家,具体如下: 第一步:在网页代码的头部,加入一行viewpor…

    编程技术 2025年3月29日
    100
  • h5的移动端适配怎样实现

    这次给大家带来h5的移动端适配怎样实现,怎么适配h5的移动端?适配h5的移动端的注意事项有哪些,下面就是实战案例,一起来看一下。 在pc版网页(http://pc_url) 上,添加: 登录后复制登录后复制 在移动版网页(http://mo…

    编程技术 2025年3月29日
    100
  • HTML5存储方式小结

    本文主要和大家分享HTML5存储方式小结,希望能帮助HTML5开发者,也希望能帮助到大家更好的掌握HTML5存储方式。 cookies的野蛮生长 本地存储localstorage 本地存储sessionstorage 离线缓存(applic…

    编程技术 2025年3月29日
    100
  • H5怎样调用相机拍照并压缩图片

    这次给大家带来h5怎样调用相机拍照并压缩图片,怎么用h5调用相机拍照并压缩图片?h5调用相机拍照并压缩图片的图片有哪些,下面就是实战案例,一起来看一下。 整理文档,搜刮出一个H5调用相机拍照并压缩图片的实例代码,稍微整理精简一下做下分享。 …

    编程技术 2025年3月29日
    100
  • h5怎样实现获取用户地理定位

    这次给大家带来h5怎样实现获取用户地理定位,怎么用h5实现获取用户地理定位?h5实现获取用户地理定位的注意事项有哪些,下面就是实战案例,一起来看一下。 最近做的一个项目中有一个获取周围商户的功能,需要用到地理定位系统, 于是便想到了用 h5…

    编程技术 2025年3月29日
    100
  • H5表单验证失败该怎样提示

    这次给大家带来h5表单验证失败该怎样提示,怎么用h5表单验证失败的提示?h5表单验证失败提示的表单验证有哪些,下面就是实战案例,一起来看一下。 我们知道,前端的童鞋在写页面时, 都不可避免的总会踩到 表单验证这个坑.这时候, 我们就要跪了,…

    编程技术 2025年3月29日
    100
  • H5的地理定位怎样使用

    这次给大家带来h5的地理定位怎样使用,怎么使用h5的地理定位?h5地理定位的注意事项有哪些,下面就是实战案例,一起来看一下。 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基…

    编程技术 2025年3月29日
    100
  • H5怎样做出日历校验功能

    这次给大家带来h5怎样做出日历校验功能,怎么用h5做出日历校验功能?h5做出日历校验功能的注意事项有哪些,下面就是实战案例,一起来看一下。 日历控件自定义样式 HTML5提供了日历控件功能,缩减了开发时间,但有时它的样式确实不如人意,我们可…

    编程技术 2025年3月29日
    100
  • h5的组织内容如何使用

    这次给大家带来h5的组织内容如何使用,怎么使用h5的组织内容?用h5的组织内容的注意事项有哪些,下面就是实战案例,一起来看一下。 默认情况下,注意事项的格式与文档内容在浏览器窗口中显示的格式是不相关的,例如:浏览器会将连在一起的几个空白字符…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论