关于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 相关文章推荐
收集的7个CSS3代码生成工具
Apr 17 HTML / CSS
css3旋转木马_动力节点Java学院整理
Jul 12 HTML / CSS
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
Nov 17 HTML / CSS
html5中localStorage本地存储的简单使用
Jun 16 HTML / CSS
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
May 08 HTML / CSS
HTML5 Canvas入门学习教程
Mar 17 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
Mar 25 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
Dec 29 HTML / CSS
Html5 页面适配iPhoneX(就是那么简单)
Sep 05 HTML / CSS
萌新的HTML5 入门指南
Nov 06 HTML / CSS
css 中多种边框的实现小窍门
Apr 07 HTML / CSS
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
Jan 18 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.NET的入门教程
2006/10/09 PHP
php框架Phpbean说明
2008/01/10 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
php程序的国际化实现方法(利用gettext)
2011/08/14 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
php 问卷调查结果统计
2015/10/08 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
动态调用css文件——jquery的应用
2007/02/20 Javascript
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
在vue2.0中引用element-ui组件库的方法
2018/06/21 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
python之Character string(实例讲解)
2017/09/25 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
如何在django中添加日志功能
2020/02/06 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
如何写好优秀的创业计划书
2014/01/30 职场文书
篝火晚会主持词
2014/03/25 职场文书
迎新生标语大全
2014/10/06 职场文书
个人贷款收入证明
2014/10/26 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
python 如何用terminal输入参数
2021/05/25 Python