关于HTML5+ API plusready的兼容问题

这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

Android平台提前注入5+ API,支持在plusready事件前调用

在5+ Runtime环境中,通常情况下需要html页面解析完成后才会注入5+ API,执行的顺序为:

1. 加载html页面

2. 解析html页面(下载script/link等节点引用的资源,如js/css文件)

3. 触发DOMContentLoaded事件

4. 注入5+ API

5. 触发plusready事件

这样导致5+ API生效时间比较延后,在html中引用js执行之后才能调用5+ API,通常采用以下代码调用5+ API:

document.addEventListener(‘plusready’,function () {
// 在这里调用5+ API
// 如获取设备唯一标识 plus.device.uuid
},false);

但是在新版本中,将支持提前注入5+ API,可以在plusready事件触发之前调用5+ API,提前引入节点:

兼容写法:

if(window.plus){
// 在这里调用5+ API
}else{// 兼容老版本的plusready事件
document.addEventListener(‘plusready’,function () {
// 在这里调用5+ API
},false);
}

注意

1. 仅仅是提前注入5+ API,并不会提前触发plusready事件(仅步骤4提前操作了)

2. Android3.0及以上平台才支持提前注入,Android2.*版本无法提前注入

3. 在流应用环境中的wap2app会自动提前注入(第一次引用网络js时注入),不需要添加

来源:脚本之家

链接:https://www.jb51.net/html5/753136.html

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

发布者:SEO优化专员,转转请注明出处:https://www.chuangxiangniao.com/p/896988.html

(0)
上一篇 2025年1月4日 00:49:41
下一篇 2025年1月4日 00:50:29

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

相关推荐

  • HTML5 SEO优化的一些建议

    这篇文章主要介绍了HTML5 SEO优化的一些建议,帮助大家更好的理解和学习html5,感兴趣的朋友可以了解下 举个例子 淘宝网 – 淘!我喜欢 使用description以及keyword标签(不超过300个字符最优) 图片添…

    2025年1月4日
    100
  • HTML5中外部浏览器唤起微信分享功能的代码

    这篇文章主要介绍了HTML5中外部浏览器唤起微信分享功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 最近在做一个手机站,要求点击分享可以直接打开微信分享出去。而不是jiathis,…

    编程技术 2025年1月4日
    100
  • 详解HTML5中CSS外观属性

    这篇文章主要介绍了HTML5中CSS外观属性的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,,需要的朋友可以参考下 CSS外观属性 1.color:文本颜色 作用:color属性用于定义文本的颜色 取值方式:…

    2025年1月4日
    100
  • 详解html-webpack-plugin使用

    这篇文章主要介绍了html-webpack-plugin使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的…

    编程技术 2025年1月4日
    100
  • Html5原生拖拽相关事件简介以及基础实现

    这篇文章主要介绍了Html5原生拖拽相关事件简介以及基础实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 公司项目需求,要实现任务卡片在不同任务列表之间进行拖拽实现任…

    2025年1月4日
    200
  • 移动端HTML5 input常见问题(小结)

    这篇文章主要介绍了移动端HTML5 input常见问题(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 1. 去掉input 在iOS中的默认圆角和内阴影 iOS…

    编程技术 2025年1月4日
    200
  • Html5 webRTC简单实现视频调用的示例代码

    这篇文章主要介绍了Html5 webRTC简单实现视频调用的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 最近在做一个直播功能,查阅了webRTC相关资料,下…

    2025年1月4日
    400
  • Html5之webcoekt播放JPEG图片流

    这篇文章主要介绍了Html5之webcoekt播放JPEG图片流,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 一、简介 既然webcoekt是基于tcp连接的,理论上…

    2025年1月4日
    300
  • wordpress添加Html5的表单验证required方法小结

    这篇文章主要介绍了wordpress添加Html5的表单验证required方法小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 表单验证 是防止垃圾评论的一个方面,wordpres…

    2025年1月3日
    200
  • html5的pushstate以及监听浏览器返回事件的实现

    这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器返回解决的问题 1.实际开发我们在A页面…

    编程技术 2025年1月3日
    200

发表回复

登录后才能评论

联系我们

156-6553-5169

在线咨询: QQ交谈

邮件:253000106@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

联系微信