Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)

前文我们创建了一个简单的Cordova项目,结构如下:

Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第1张图片
Paste_Image.png

1,Cordova生命周期事件

(1)deviceready :当Cordova加载完成会触发
(2)pause:当应用程序进入到后台会触发
(3)resumes:应用程序从后台进入到前台会触发

我们将首页 index.html 替换成如下内容:

Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第2张图片
Paste_Image.png

程序启动后,页面就会弹出如下消息框:
Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第3张图片
原文:Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)

2,使用Safari进行调试

(1)我们把 index.html 里的内容做如下修改。
不再使用 alert() 方法弹出调试信息,而是使用 console.log() 方法输出,后面在 Safari 中进行开发调试。

Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第4张图片
Paste_Image.png

(2)打开 Safari 的“偏好设置”-> “高级” -> “在菜单栏中显示开发菜单”
Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第5张图片
原文:Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)

(3)在Safari菜单项“开发” -> “Simulator”中选择对应的html页面

Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第6张图片
Paste_Image.png

(4)在打开的“Web检查器” -> “控制台”中就可以看到输出的调试信息。

Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)_第7张图片
原文:Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试)

原文出自:
www.hangge.com
转载请保留原文链接:
(http://www.hangge.com/blog/cache/detail_1137.html)

你可能感兴趣的:(Cordova - 使用Cordova开发iOS应用实战2(生命周期、使用Safari调试))