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

图 20. 工具条单步调试图标

控制台日志和控制台对象

Web 应用程序必须在 Firefox 调试器中运行才可以使用该调试器。尽管这有助于以交互方式执行和检查代码，但是有时只需要在实际 iPhone 上运行应用程序。本文前面讨论了 Aptana Studio 的本地 Web 服务器如何支持从 iPhone 的 WiFi 连接访问 Web 应用程序。当在 iPhone 上运行 Web 应用程序时，通过控制台日志仍然能够访问 Aptana Studio 中的调试信息。

要查看控制台，从 Windows 菜单选择 Show View > Console，显示控制台视图。

图 21. 控制台视图

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

这样，Web 应用程序可以使用 console.log 函数向控制台发送消息。如图 22 所示，作者在断点之前添加了函数 console.log 的调用。

图 22. console.log 调用与输出

控制台对象支持 JavaScript 逻辑在控制台显示各种信息。

console.log(object[, object, ...]) 向控制台写一条消息，传递随意数目的参数，各参数以空格分隔。console.debug(object[, object, ...]) 向控制台写一条消息，包括调用位置的链接。console.info(object[, object, ...]) 向控制台写一条消息，包含 “信息” 图标、语法着色和指向调用位置的链接。console.warn(object[, object, ...]) 向控制台写一条消息，包含 “警告” 图标、语法着色和指向调用位置的链接。console.error(object[, object, ...]) 向控制台写一条消息，包含 “错误” 图标、语法着色和指向调用位置的链接。console.assert(expression[, object, ...]) 测试表达式是否为真。如果不为真，那么该代码向控制台写一条消息并抛出异常。console.dir(object) 输出一个交互式清单，列出对象的所有属性。console.dirxml(node) 输出 HTML 或 XML 元素的 XML 源代码树。console.trace() 在调用点输出 JavaScript 执行的交互式堆栈跟踪。console.group(object[, object, ...]) 向控制台写一条消息并打开嵌套代码块来包含所有将要发送给控制台的消息。调用 console.groupEnd() 关闭代码块。console.groupEnd() 关闭最近打开的代码块。该代码块由 console.group 的调用创建。console.time(name) 按给定名称创建新定时器。console.timeEnd(name) 停止定时器，该定时器由 console.time(name) 的调用创建并写入经历的时间。console.profile([title]) 打开 JavaScript 分析器（profiler）。console.profileEnd() 关闭 JavaScript 分析器并输出其报告。console.count([title]) 写入调用计数的代码行的执行次数。

Firebug

Firebug 是 Firefox 扩展，支持在 Firefox 浏览器中调试和检查页面。Firebug 与 Aptana Studio 调试器相集成。实际配置调试器时，Aptana 安装 Firebug 插件的一个版本，该插件与 Aptana 调试器集成。Firebug 与 Aptana 调试器有许多相同的特性，包括：

HTML 元素检查

CSS 检查

监视 Ajax 请求

交互式控制台

控制台日志

断点与交互式调试（在 Firebug 中设置的断点被传递给 Aptana 调试器，反之亦然。）

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

web 页面分析

要访问 Firebug，通过 Debug 透视图启动应用程序。选择 Tools 菜单的 Firebug > Open Firebug，在 Firefox 浏览器中启动 Firebug。

图 23. Firefox 的 Firebug 视图

检查 HTML 和 CSS

要在 Firebug 中检查 HTML 页面，单击 HTML 选项卡。

图 24. HTML 检查器

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

单击 Inspect 以悬浮方式打开检查功能，如图 25 所示。只需将鼠标指向页

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