关于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轻松实现圆角效果
Nov 09 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
基于CSS3实现图片模糊过滤效果
Nov 19 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
Mar 16 HTML / CSS
HTML5之SVG 2D入门7—SVG元素的重用与引用
Jan 30 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
Jan 31 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
Jun 27 HTML / CSS
HTML5打开手机扫码功能及优缺点
Nov 27 HTML / CSS
HTML5视频播放插件 video.js介绍
Sep 29 HTML / CSS
canvas实现手机的手势解锁的步骤详细
Mar 16 HTML / CSS
html5 canvas 实现光线沿不规则路径运动
Apr 20 HTML / CSS
HTML5逐步分析实现拖放功能的方法
Sep 30 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脚本数据库功能详解(中)
2006/10/09 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
详解vue的diff算法原理
2018/05/20 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python对象体系深入分析
2014/10/28 Python
python实现获取Ip归属地等信息
2016/08/27 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
python自动发微信监控报警
2019/09/06 Python
python对象转字典的两种实现方式示例
2019/11/07 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
Keras设置以及获取权重的实现
2020/06/19 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
俄罗斯香水和化妆品在线商店:Aroma-butik
2020/02/28 全球购物
档案接收函
2014/01/13 职场文书
商铺租房协议书范本
2014/12/04 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
公司晚会主持词
2019/04/17 职场文书