关于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中的元素过渡属性transition示例详解
Nov 30 HTML / CSS
深入解读CSS3中transform变换模型的渲染
May 27 HTML / CSS
使用CSS3制作饼状旋转载入效果的实例
Jun 23 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
CSS3 旋转立方体问题详解
Jan 09 HTML / CSS
webapp字号大小跟随系统字号大小缩放的示例代码
Dec 26 HTML / CSS
Html5中的桌面通知Notification的实现
Sep 25 HTML / CSS
html5构建触屏网站之网站尺寸探讨
Jan 07 HTML / CSS
谈一谈HTML5本地存储技术
Mar 02 HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
Dec 20 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
Aug 20 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下清空字符串中的HTML标签的代码
2010/09/06 PHP
php生成微信红包数组的方法
2019/09/05 PHP
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
浅谈KOA2 Restful方式路由初探
2019/03/14 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
详解Python的Lambda函数与排序
2016/10/25 Python
Python入门学习指南分享
2018/04/11 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
PyCharm2019安装教程及其使用(图文教程)
2019/09/29 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
python中JWT用户认证的实现
2020/05/18 Python
旧时光糖果:Old Time Candy
2018/02/05 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
SQL注入攻击的种类有哪些
2013/12/30 面试题
涉外文秘个人求职的自我评价
2013/10/07 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
股东协议书范本
2014/04/14 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
学校元旦晚会开场白
2014/12/14 职场文书
2015公司年度工作总结
2015/05/14 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
elasticSearch-api的具体操作步骤讲解
2021/06/28 Java/Android