关于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 相关文章推荐
一款利用html5和css3实现的3D立方体旋转效果教程
Apr 26 HTML / CSS
CSS3实现千变万化的文字阴影text-shadow效果设计
Apr 26 HTML / CSS
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
Aug 18 HTML / CSS
css3实现二维码扫描特效的示例
Oct 29 HTML / CSS
html5新特性与用法大全
Sep 13 HTML / CSS
html5的input的required使用中遇到的问题及解决方法
Apr 24 HTML / CSS
html5 http的轮询和Websocket原理
Oct 19 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
Jan 22 HTML / CSS
CSS3实现的3D隧道效果
Apr 27 HTML / CSS
html+css实现赛博朋克风格按钮
May 26 HTML / CSS
CSS3实现列表无限滚动/轮播效果
Jun 23 HTML / CSS
浅谈为什么我的 z-index 又不生效了
Jul 15 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设计模式之结构模式的深入解析
2013/06/13 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
网站上面有这种切换效果
2006/06/26 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
json中换行符的处理方法示例介绍
2014/06/10 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
linux下安装easy_install的方法
2013/02/10 Python
python求pi的方法
2014/10/08 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
python实现监控某个服务 服务崩溃即发送邮件报告
2018/06/21 Python
python 字符串只保留汉字的方法
2018/11/16 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
python3的数据类型及数据类型转换实例详解
2019/08/20 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
荷兰游戏商店:Allyouplay
2019/03/16 全球购物
违反学校规定检讨书
2014/01/18 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
公司应聘求职信
2014/06/21 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
房屋授权委托书范本
2014/10/07 职场文书
2014年环保工作总结
2014/11/26 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
刑事申诉状范文
2015/05/20 职场文书
Java无向树分析 实现最小高度树
2022/04/09 Javascript