关于HTML5+ API plusready的兼容问题


Posted in HTML / CSS onNovember 20, 2020

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,提前引入节点:

<script src="html5plus://ready"></script>

兼容写法:

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时注入),不需要添加<script src="html5plus://ready"/>节点

到此这篇关于HTML5+ API plusready的兼容问题的文章就介绍到这了,更多相关HTML5 API plusready 兼容内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
CSS3的文字阴影—text-shadow的使用方法
Dec 25 HTML / CSS
可以随进度显示不同颜色的css3进度条分享
Apr 11 HTML / CSS
CSS3中线性颜色渐变的一些实现方法
Jul 14 HTML / CSS
CSS3中currentColor关键字的妙用
Feb 27 HTML / CSS
CSS3 实现的缩略图悬停效果
Dec 09 HTML / CSS
CSS3只让背景图片旋转180度的实现示例
Mar 09 HTML / CSS
基于HTML5的WebSocket的实例代码
Aug 15 HTML / CSS
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
Oct 20 HTML / CSS
HTML5本地存储之Web Storage应用介绍
Jan 06 HTML / CSS
HTML5中的Article和Section元素认识及使用
Mar 22 HTML / CSS
Ratchet 模态框的实现
Aug 19 HTML / CSS
html2 canvas svg不能识别的解决方案
Jun 03 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 #HTML / CSS
Canvas获取视频第一帧缩略图的实现
Nov 11 #HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
Nov 10 #HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 #HTML / CSS
萌新HTML5 入门指南(二)
Nov 09 #HTML / CSS
萌新的HTML5 入门指南
Nov 06 #HTML / CSS
关于webview适配H5上传照片或者视频文件的方法
Nov 04 #HTML / CSS
You might like
用PHP编程语言开发动态WAP页面
2006/10/09 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
php实现评论回复删除功能
2017/05/23 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
javascript页面加载完执行事件代码
2014/02/11 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
javaScript基础详解
2017/01/19 Javascript
ES5 ES6中Array对象去除重复项的方法总结
2017/04/27 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
小程序实现授权登陆的解决方案
2018/12/02 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
物理专业本科生自荐信
2014/01/30 职场文书
网络工程师自荐书范文
2014/04/01 职场文书
推荐信怎么写
2014/05/09 职场文书
2016年党员公开承诺书范文
2016/03/24 职场文书
2019邀请函格式及范文
2019/05/20 职场文书
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
2021/04/22 HTML / CSS
python控制台打印log输出重复的解决方法
2021/05/14 Python
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis
pytorch中的 .view()函数的用法介绍
2022/03/17 Python