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

图 25. 打开悬浮式 HTML 检查模式

单击 Firebug 的 CSS 选项卡，显示 CSS 检查器，如图 26 所示。如果 Web 页面包含多个样式表，那么可以从下拉列表框查看。

图 26. CSS 检查

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

使用 Firebug 调试 Ajax 请求

Firebug 通过 XMLHttpRequest 对象还支持监视网络活动，包括 Ajax 请求。单击 Net 选项卡来查看网络活动，如图 27 所示。

图 27. Firebug Net 选项卡

各选项的含义如下：

All — 查看全部网络活动

HTML — 查看载入到页面的 HTML 文件

CSS — 查看载入到页面的所有 CSS 文件

JS — 查看载入到页面的所有 JavaScript 文件

XHR — 查看页面的所有 XMLHttpRequest 对象

Images — 查看载入到页面的所有图像文件

Flash — 查看载入到页面的所有 Flash（swf）文件（iPhone Web 应用程序不支持 Flash 内容）

使用 Firebug 分析代码性能

代码分析指对一个或多个代码单元的执行进行基准分析的过程，旨在了解代码执行的时间消耗情况。正确运用代码分析有助于解答下列问题：

代码块的执行时间主要耗费在哪些代码行？

循环结构运行了多少次？

哪种方法编写的代码逻辑更加高效？

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

分析 iPhone JavaScript 应用程序极其重要，因为 iPhone 版的 Safari 浏览器强制 JavaScript 执行时间最多 5 秒。如果 JavaScript 执行超时，那么它会被终止。

使用函数 console.time() 和 console.timeEnd() 能够确定函数执行所耗费的时间。Firebug 还能够以交互方式分析整个脚本。单击 Profile 按钮启动分析过程，再次单击该按钮则停止分析。Firebug 控制台显示分析结果。

图 28. 整个脚本的分析

最后，也可以使用 console.profile() 和 console.profileEnd() 分析函数。控制台显示分析结果。

图 29. 使用 console.profile() 和 console.profileEnd() 进行分析

结束语

本教程演示了如何使用 Aptana Studio 提供的各种工具着手调试针对 iPhone 优化的 Web 应用程序，包括控制台日志、控制台对象和 Firebug。读者从中可以更好地理解如何为 iPhone 调试配置 Aptana Studio，如何在 Aptana Studio 和 Firebug 中使用调试器，以及如何分析 Ajax 应用程序的执行。

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