您现在的位置是:网站首页> 编程资料编程资料
关于HTML5+ API plusready的兼容问题html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
2021-08-30
879人已围观
简介 这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
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,提前引入节点:
兼容写法:
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时注入),不需要添加节点
到此这篇关于HTML5+ API plusready的兼容问题的文章就介绍到这了,更多相关HTML5 API plusready 兼容内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
相关内容
- Html5原生拖拽相关事件简介以及基础实现html5 拖拽及用 js 实现拖拽功能的示例代码html5拖拽应用记录及注意点HTML5拖拽功能实现的拼图游戏HTML5拖拽API经典实例详解HTML5 拖拽批量上传文件的示例代码html5实现多图片预览上传及点击可拖拽控件详解Html5原生拖拽操作HTML5拖拽的简单实例HTML5 canvas实现移动端上传头像拖拽裁剪效果HTML5如何实现元素拖拽
- Canvas获取视频第一帧缩略图的实现HTML5 Canvas 破碎重组的视频特效的示例代码前端canvas动画如何转成mp4视频的方法canvas像素点操作之视频绿幕抠图video结合canvas实现视频在线截图功能canvas绘制视频封面的方法详解基于canvas的视频遮罩插件canvas与html5实现视频截图功能示例
- 使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果HTML5基于Three.js的图片撕碎切换动画HTML5响应式双屏图片剪辑滑动切换特效基于HTML5+CSS3实现的会员登录/注册表单切换特效源码HTML5实现仿Windows10风格的开关切换按钮效果源码HTML5+CSS3+Owl Carousel插件实现带镜头拉近特效的幻灯片切换功能源码html5实现遮罩图片滑动切换代码源码HTML5实现的菱形布局商品列表切换展示效果源码HTML5 Canvas 照片撕裂切换动画效果
- 使用layui实现左侧菜单栏及动态操作tab项的方法如何通过 display:olck/none 完成一个菜单栏Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码使用HTML+CSS实现鼠标划过的二级菜单栏的示例详解css3 Transition属性(平滑过渡菜单栏案例)菜单栏 “三” 变形为“X”css3过渡动画利用CSS实现几款不错的菜单栏实例代码CSS仿网易首页的头部菜单栏按钮和三角形制作方法纯CSS制作菜单栏当鼠标经过时会变色的利用html+css实现菜单栏缓慢下拉效果的示例代码
- 萌新HTML5 入门指南(二)萌新的HTML5 入门指南关于webview适配H5上传照片或者视频文件的方法HTML5+SVG制作文件上传ui样式特效代码浅析HTML5 meta viewport参数基于Html5+SVG制作gsap输入邮箱订阅表单特效代码详解HTML5布局和HTML5标签HTML5实现移动端点击翻牌功能html5 拖拽及用 js 实现拖拽功能的示例代码html5小程序飞入购物车(抛物线绘制运动轨迹点)HTML5逐步分析实现拖放功能的方法
- 萌新的HTML5 入门指南关于webview适配H5上传照片或者视频文件的方法HTML5+SVG制作文件上传ui样式特效代码浅析HTML5 meta viewport参数基于Html5+SVG制作gsap输入邮箱订阅表单特效代码详解HTML5布局和HTML5标签HTML5实现移动端点击翻牌功能html5 拖拽及用 js 实现拖拽功能的示例代码html5小程序飞入购物车(抛物线绘制运动轨迹点)app内嵌H5 webview 本地缓存问题的解决使用HTML5做的导航条详细步骤
- 关于webview适配H5上传照片或者视频文件的方法app内嵌H5 webview 本地缓存问题的解决Html5 webview元素定位工具的实现html5调用app分享功能示例(WebViewJavascriptBridge)
- Canvas在超级玛丽游戏中的应用详解html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- Html5移动端网页端适配(js+rem)详解html5页面 rem 布局适配方法html5中JavaScript removeChild 删除所有节点HTML5中 rem适配方案与 viewport 适配问题详解
- 使用HTML和CSS实现的标签云效果(附demo)一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
