Firebug 1.7 全面支持 Firefox 4 现已发布，我不能错过这个机会来描述此版本中引入的一些功能。

对于那些不关注 Firebug 博客 和/或不太熟悉/完全不熟悉 Firebug 的人，让我们从一些链接开始，这些链接可以引导您开始深入了解 Firebug 世界。

• Firebug: getfirebug.com
• 博客: blog.getfirebug.com
• 维基: getfirebug.com/wiki/index.php/Main_Page
• 论坛: groups.google.com/group/firebug

DOM 存储

DOM 存储正成为许多 Web 应用程序的重要组成部分，因此，我们确保 DOM 面板可以轻松用于浏览任何 DOM 存储 对象（全局、会话、本地）的内容。

您还可以使用控制台面板记录任何这些对象。例如，在命令行上执行 window.sessionStorage 会产生以下输出。

当然，您也可以使用标准 console.log API（从页面内部）记录 DOM 存储对象，并且您将获得相同的结果。

大型命令行历史记录

您可能知道 Firebug 命令行 有两种模式。单行模式称为“小型命令行”，多行模式称为“大型命令行”。新功能是，如果您切换到大型命令行模式，您仍然可以使用先前执行的命令的历史记录。

如果历史记录为空，则禁用此功能，否则您可以单击并查看包含条目的弹出窗口。另一个新功能显示在下一个屏幕截图中。您甚至可以在“小型命令行”模式下看到相同的弹出窗口。只需单击左侧的按钮即可。

日期对象日志记录

这是 Firebug 控制台日志记录的一项小而漂亮的改进。如果您记录 Date() 对象的实例…

…您可以看到它的实际值。我相信所有这些小功能都让 Firebug 保持了浏览器内开发工具的领先地位。

排序计算样式

计算样式列表（在 HTML 面板的“计算”侧面板中可用）现在可以按字母顺序排序。

请注意，默认情况下是按类别排序。

中断通知消息

中断通知消息 UI 已重构，因此，通知消息本身占用更少的 UI。

这有助于用户实际查看源代码，这无疑是在调试器中中断时最重要的事情。如您在屏幕截图中所见（有点模糊但可读），可以禁用通知。UX 应该直观，您应该能够快速查看在哪里重新启用。

更好的属性表示

DOM 面板中显示元素属性列表的方式已得到改进（这长期以来一直是我的个人愿望）。请参阅以下屏幕截图。

您通常想知道的关于元素属性列表的所有内容都是名称和值。这就是此更改的目的（您不想知道在获取此信息之前有多难）。当然，如果您对单个属性（它也是 DOM 节点）的所有 DOM 属性感兴趣，您只需单击它并进一步检查即可。

Firebug 启动按钮重新设计

Firefox 4 中的更改之一是没有状态栏。它实际上被附加组件栏取代了，但是……趋势是——不在浏览器窗口底部显示任何内容。由于 Firebug 的入口点在那里（状态栏图标），我们被迫创建一个替代方案。

此按钮在安装后会自动附加到 Firefox 工具栏。它具有与旧状态栏图标完全相同的功能。如果您觉得它离 Firebug UI（通常位于底部）有点远，您可以打开附加组件栏并从那里使用启动按钮。

有关启动按钮的更多信息，请参阅 更多信息。

快速滚动到脚本行

我们的感觉是，大多数用户不知道允许跳转到脚本面板中特定行的功能，因此，我们使其更加醒目。

您只需键入 # + 行号 即可滚动到特定行（无需按 Enter 键）。

脚本面板内容将在您键入行号时自动滚动并为您突出显示该行。

新的扩展 API

Firebug 架构得到了很好的改进，并且有两个值得一提的新扩展点。

• 用于在其他扩展中 重用 Firebug 检查器 的新 API
• 用于在其他扩展中 重用 Firebug 信息提示 的新 API。

Honza