使用Eclipse调试iPhone Web应用程序 - 编程入门网

图 12. 选择想要调试的文件

如本文所述，切换到 Debugging 透视图即可开始调试 Web 应用程序。单击 Debug 工具条图标。

图 13. Debug 工具条图标

使用Eclipse调试iPhone Web应用程序(8)

因为 Aptana Studio 已经配置为使用内置本地 Web 服务器，如图 14 所示，Firefox 使用地址 http://127.0.0.1:8000 访问本地 Web 服务器。如果已知计算机的本地 IP 地址 — 例如，作者的服务器在本地网络的地址是 192.168.1.106 — 可直接从 iPhone 的 WiFi 连接访问应用程序。请打开 iPhone Safari 浏览器，并以本地 IP 地址打开 Aptana Web 服务器。以作者的机器为例，访问地址是 http://192.168.1.106:8000。单击工具条 Stop 图标可以结束调试会话。

图 14. 在 Aptana Studio 本地 Web 服务器上运行的 iPhone 应用程序

iPhoney

iPhone 应用程序开发人员也可以通过基于客户机的 iPhone Web 浏览器模拟器来查看 Web 应用程序。如图 15 所示，iPhoney 提供具有像素精度的 Web 浏览环境来测试 Web 应用程序。iPhoney 是免费且开源的。作者在本教程中使用 iPhoney 对 iPhone 应用程序抓图。iPhoney 仅支持 Mac OS X 系统。

图 15. iPhoney Web 浏览器模拟器

使用Eclipse调试iPhone Web应用程序(9)

断点

随 Aptana Studio 提供的一个 iPhone 应用程序示例是 iPhone 暴风雪模拟程序。

图 16. iPhone 暴风雪模拟程序

暴风雪效果采用 JavaScript 实现。该项目的 JavaScript 逻辑包含在 snowstorm.js 文件中，显示在图 17 所示的默认 Aptana 视图中。

图 17. 默认 Aptana 视图中的 snowstorm.js 文件

使用Eclipse调试iPhone Web应用程序(10)

任意 JavaScript 都可以设置断点。当运行至设置有断点的代码行时，调试器将暂停代码执行，这样可以检查当前变量的值、调用栈和其他内容。要设置断点，在希望设置断点的代码行左侧的灰色区域右键单击鼠标，如图 18 所示。在上下文菜单选择 Toggle Breakpoint 来设置或清除该位置的断点。

图 18. 设置断点

要调试应用程序，单击 Debug 工具条图标，如图 13 所示。这样将启动调试器并将 Aptana Studio 切换到 Debug 透视图，如图 19 所示。在断点处，代码暂停运行。当前作用域内变量的值显示在 Variables 视图。

图 19. 代码运行在断点处暂停

另外还需要注意，在 Debugging 透视图中可以按照同样的方式设置断点。当 Web 应用程序以调试模式运行时，可以设置或删除断点。

使用Eclipse调试iPhone Web应用程序(11)

代码单步调试

当断点打开且调试透视图启动后，代码执行将在断点处暂停。在代码暂停执行处，可进行下列操作：

单步进入 — 单步继续执行，必要时进入函数内部

单步跳跃 — 单步继续执行，跳过函数

单步返回 — 继续执行，但在当前函数的返回处再次暂停

通过功能键也能够使用单步调试功能：

F5 — 单步进入

F6 — 单步跳跃

F7 — 单步返回

作为替代，也可以使用工具条图标，如图 20 所示。使用 Stop 图标暂停执行。默认情况下，Eclipse 还提供 Step Filters 和 Drop To Frame 功能。但是，目前 Aptana Studio 中的 JavaScript 调试还不支持这

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!