关于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实现自定义滚动条代码分享
Aug 18 HTML / CSS
详解Css3新特性应用之过渡与动画
Jan 10 HTML / CSS
浅谈css3中的前缀
Jul 20 HTML / CSS
HTML5 video视频字幕的使用和制作方法
May 03 HTML / CSS
HTML5 Web Database 数据库的SQL语句的使用方法
Dec 09 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
Aug 26 HTML / CSS
HTML5+CSS3应用详解
Feb 24 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
Sep 11 HTML / CSS
HTML5实现无刷新修改URL的方法
Nov 14 HTML / CSS
详解移动端h5页面根据屏幕适配的四种方案
Apr 15 HTML / CSS
浅析HTML5 Landmark
Sep 11 HTML / CSS
html中相对位置与绝对位置的具体使用
May 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
附件名前加网站名
2008/03/23 PHP
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHP写UltraEdit插件脚本实现方法
2011/12/26 PHP
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
nodejs项目windows下开机自启动的方法
2017/11/22 NodeJs
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
Python实现提取文章摘要的方法
2015/04/21 Python
python中的错误处理
2016/04/10 Python
python仿抖音表白神器
2019/04/08 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
毕业留言寄语大全
2014/04/10 职场文书
家长给学校的建议书
2014/05/15 职场文书
限期整改通知书
2015/04/22 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
起诉状范本
2015/05/20 职场文书
团拜会主持词
2015/07/04 职场文书
话题作文之诚信
2019/11/28 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP