关于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之多背景background使用示例
Oct 18 HTML / CSS
CSS3中颜色线性渐变实战
Jul 18 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
如何在网站上添加谷歌定位信息
Apr 16 HTML / CSS
利用简洁的图片预加载组件提升html5移动页面的用户体验
Mar 11 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
Jan 30 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
Dec 30 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
Mar 01 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
Dec 21 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
Apr 14 HTML / CSS
CSS布局之浮动(float)和定位(position)属性的区别
Sep 25 HTML / CSS
使用 CSS 构建强大且酷炫的粒子动画效果
Aug 14 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+dbfile开发小型留言本
2006/10/09 PHP
php xml-rpc远程调用
2008/12/19 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
基于JavaScript实现选项卡效果
2017/07/21 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
Vue3为什么这么快
2020/09/23 Javascript
跟老齐学Python之集合(set)
2014/09/24 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/26 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
Python socket处理client连接过程解析
2020/03/18 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
党课学习思想汇报
2014/01/02 职场文书
工作说明书范文
2014/05/07 职场文书
汽车转让协议书范本
2014/12/07 职场文书