关于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 相关文章推荐
纯DOM+CSS3实现简单的小风车动画
Sep 27 HTML / CSS
css3实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
CSS3的一个简单导航栏实现
Aug 03 HTML / CSS
非常震撼的纯CSS3人物行走动画
Feb 24 HTML / CSS
CSS3之2D与3D变换的实现方法
Jan 28 HTML / CSS
CSS3解析抖音LOGO制作的方法步骤
Apr 11 HTML / CSS
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
Jan 06 HTML / CSS
HTML5是否真的可以取代Flash
Feb 10 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 HTML / CSS
Html5页面中的返回实现的方法
Feb 26 HTML / CSS
纯 CSS 自定义多行省略的问题(从原理到实现)
Nov 11 HTML / CSS
使用CSS自定义属性实现骨架屏效果
Jun 21 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 cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python语言描述随机梯度下降法
2018/01/04 Python
Python 实现将numpy中的nan和inf,nan替换成对应的均值
2020/06/08 Python
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
自主招生自荐书
2013/11/29 职场文书
大学自荐信
2013/12/12 职场文书
教师师德承诺书
2014/03/26 职场文书
建设投标担保书
2014/05/13 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
技术员岗位职责
2015/02/04 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
Oracle表空间与权限的深入讲解
2021/11/17 Oracle
css3 选择器
2022/05/11 HTML / CSS
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers