这是 Rob Cambell 的个人博客 的转载文章。Firebug 1.5 是第一个与即将推出的 Firefox 3.6 兼容的版本,也兼容 Firefox 3.5。它目前处于测试阶段,将在 Firefox 3.6 发布前提供。
截至目前,Firebug 1.5 已经稳定地进入了第三个测试版本,并可供 下载。这个版本有望成为我们迄今为止最好的版本,最初的反馈非常积极,包括稳定性、UI 改进和新功能。所以让我们来看看一些新功能。
改进的网络面板准确性
过去,Firebug 的网络面板存在的一个问题是计时不准确。因为 Firebug 完全是用 JavaScript 编写的,所以一些网络和 UI 活动可能会在长时间操作期间阻塞 Firebug,导致显示的计时不准确。通过引入名为 http-activity-distributor 的新服务,这个问题终于得到了解决。有关改进后的网络面板的实现和使用详情,请参阅 Honza 关于此主题的 博文。
新的断点功能
在 Firebug 1.4 中,我们在脚本面板中引入了“下一个断点”的概念。这是一个位于检查图标和控制台选项卡之间的“暂停”按钮。在 1.5 中,我们将此概念扩展到控制台、HTML 和网络面板,以允许更多类型的断点。
在控制台中,我们用暂停按钮替换了迷你菜单中的 **中断错误** 选项。进行此可能存在争议的更改的原因是它使得菜单和断点按钮的使用更加一致。现在,要启用中断错误,请选择控制台面板并点击暂停按钮。您会看到熟悉的指示灯,表示它正在等待错误。现在,只要页面上发生错误,您就会被带到脚本面板中错误发生的行。
HTML 面板的断点按钮略有不同。这是 **中断变异** 功能。启用此功能后,只要 JavaScript 修改了 HTML 元素,您就会被带到脚本面板,并且修改代码会被突出显示。与此相关的是,您应该能够在 HTML 面板中实时看到修改后的 HTML,受影响的元素和属性在页面中更改时也会突出显示。
最后,在网络面板中,断点按钮充当 **中断 XHR** 按钮。这旨在帮助调试 AJAX 应用程序,允许您在 XmlHttpRequest 发送期间暂停调试器。与其他断点类型一样,当 XHR 对象发出请求时,您将被转移到脚本面板,并且可以选择复制消息。
John Barton 和 Honza 在 getfirebug.com 上编写了一个很棒的交互式演示页面,描述了这些新功能。
混合开发
- 我们在本版本中对 UI 进行了一些调整。正如上个版本承诺的那样,我们用单个“电源”按钮(或 Mac 上的窗口关闭按钮)替换了“关闭”标签。
- Kevin Decker 添加了最初计划在 1.4 版本中使用的搜索面板,并提供了一些不错的选项。
- 控制台和网络面板的持久选项。保存您的数据!
- 检查器的改进。
- 还有更多内容即将推出。在正式发布之前,我们计划修复更多错误,使它更加稳定。欢迎下载并试用。
8 条评论