cordova 加载HTML 资源的次序

  ionic 开发的app再启动的时候不会很快,因为cordova 会加载html,css, js这些文件,读取这些文件内的代码之后,js代码才能和Native建立桥接。

这是一个初始化运行时环境的操作,在这个过程中,一共有三个Webview的浏览器渲染引擎事件被调用。

先后顺序是:  

  DOMContentLoaded事件-->load事件-->deviceready事件。

  1、DOMContentLoaded事件:页面的DOM内容加载完成后立即触发,而无需等待其他资源的加载,如:CSS,JS.

  2、load事件:其他资源加载完成后触发

  3、deviceready事件:不必要的资源可以在这里添加。

  

 1 document.addEventListener('DOMContentLoaded', function () {
 2   console.log('DOMContentLoaded!');
 3 }, false);
 4 
 5 
 6 window.addEventListener('load', function () {
 7   console.log('load!');
 8 }, false);
 9 
10 
11 document.addEventListener('deviceready', function () {
12   console.log('deviceready!');
13 }, false);