deviceready事件
来源:互联网 发布:新疆买买提网络用语 编辑:程序博客网 时间:2024/06/19 04:59
采用Cordova开发的应用在运行的时候,Cordova提供的通过HTML5调用Native功能并不是立即就能使用的,Cordova框架在读入HTML5代码之后,要进行HTML5和Native建立桥接,在未能完成这个桥接的初始的情况下,是不能调用Native功能的。在Cordova框架中,当这个桥接的初始化完成后,会调用他自身特有的事件,即deviceready事件。
所以首先应该在HTML中注册deviceready的事件监听,在它的CallBack函数中再去使用Cordova的功能。
document.addEventListener('deviceready', function () {
console.log('Device is Ready!');
// ....your code
}, false);
需要注意的是,deviceready事件是在每回读入HTML的时候都会被调用,而不只是应用启动时调用。
除了deviceready事件以外,Cordova应用在内部读取HTML代码的时候还会调用一些其他的事件。但这些并不是Cordova框架提供的事件,而是嵌入的Webview的浏览器Render引擎提供的。
DOMContentLoaded事件
页面的DOM内容加载完成后即触发,而无需等待其他资源(CSS、JS)的加载。
load事件
在DOMContentLoaded事件之后,其他资源加载完成后触发。
所以,其实调用的顺序是:DOMContentLoaded -> load -> deviceready
deviceready事件一定是在load事件之后,所以load事件的执行速度会影响到deviceready事件的调用。把一些不必要的资源可以在deviceready事件之后调用从而提高执行速度。
document.addEventListener('DOMContentLoaded', function () {
console.log('DOMContentLoaded OK!');
}, false);
window.addEventListener('load', function () {
console.log('load OK!');
}, false);
document.addEventListener('deviceready', function () {
console.log('deviceready OK!');
}, false);
所以首先应该在HTML中注册deviceready的事件监听,在它的CallBack函数中再去使用Cordova的功能。
document.addEventListener('deviceready', function () {
console.log('Device is Ready!');
// ....your code
}, false);
需要注意的是,deviceready事件是在每回读入HTML的时候都会被调用,而不只是应用启动时调用。
除了deviceready事件以外,Cordova应用在内部读取HTML代码的时候还会调用一些其他的事件。但这些并不是Cordova框架提供的事件,而是嵌入的Webview的浏览器Render引擎提供的。
DOMContentLoaded事件
页面的DOM内容加载完成后即触发,而无需等待其他资源(CSS、JS)的加载。
load事件
在DOMContentLoaded事件之后,其他资源加载完成后触发。
所以,其实调用的顺序是:DOMContentLoaded -> load -> deviceready
deviceready事件一定是在load事件之后,所以load事件的执行速度会影响到deviceready事件的调用。把一些不必要的资源可以在deviceready事件之后调用从而提高执行速度。
document.addEventListener('DOMContentLoaded', function () {
console.log('DOMContentLoaded OK!');
}, false);
window.addEventListener('load', function () {
console.log('load OK!');
}, false);
document.addEventListener('deviceready', function () {
console.log('deviceready OK!');
}, false);
0 0
- deviceready事件
- deviceready事件
- phonegap中的deviceready事件
- Phonegap的deviceready事件
- Phonegap的deviceready事件
- Cordova 3.x 基础 -- deviceready事件
- Apache Cordova 3.x -- deviceready事件
- Cordova 3.x 基础(4) -- deviceready事件
- Cordova 3.x 基础(4) -- deviceready事件
- cordova ,ionic 中cordova.js 提示deviceready has not fired after 5 seconds
- phonegap android开发中出现deviceready event not fired和Channel not fired的问题的解决办法
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- Android文件操作
- 【LeetCode】Evaluate Reverse Polish Notation
- ps压缩图片
- Mybatis入门
- linux系统中如何查看日志 (常用命令)
- deviceready事件
- cmd环境使用代理
- mkdir
- 图片上传前预览
- 可穿戴设备之父—阿莱克斯•彭特兰(Alex Pentland)
- HTML的基本概念
- Zookeeper工作原理
- 迭代器2
- OSAL系统框架专题