作者：Firebug 1.9 已经发布，我想要借此机会介绍一下这个版本中新引入的一些功能。
首先，查看以下兼容性表格
- Firefox 4.0 与 Firebug 1.7.3
- Firefox 5.0 – 11.0 与 Firebug 1.9
- Firefox 12.0 (nightly) 与 Firebug 1.10
Firebug 1.10 alpha 1 将在下周发布，在此期间您可以使用 Firebug 1.9b6 用于 Firefox nightly 版本。
以下是对所有新功能的总结
- Firebug UI 对接
- 复制 JSON 响应到剪贴板
- 显示语法错误位置
- Net 面板新增列：协议
- 快速从页面中移除元素
- 函数对象：displayName 属性
- 每个控制台日志都有其来源信息
- 重新发送 HTTP 请求
- 条件断点的工具提示
- 从 DOM 面板添加监视
- 来自浏览器缓存的响应头
- 字体查看器
- 字体工具提示
- 数组项的工具提示
Firebug UI 对接
Firebug UI 可以放置在浏览器窗口的四个边上。只需打开开始按钮弹出菜单，选择Firebug UI 位置子菜单，最后选择您最喜欢的放置位置。
复制 JSON 响应到剪贴板
您是否处理 AJAX & JSON？Firebug 允许检查 JSON 响应并将 JSON 树的一部分复制到剪贴板。只需展开 HTTP 请求（在控制台或 Net 面板中），选择 JSON 选项卡，然后在树中右键单击以获取上下文菜单。
显示语法错误位置
当出现错误时，控制台面板将显示一个箭头指向语法错误行内的确切位置。
Net 面板新增列：协议
Net 面板提供了一个新的协议列，显示每个请求的 HTTP 协议。您可以使用此列按协议对所有请求进行排序，例如只查看https 请求。此列默认情况下不会显示，您需要右键单击标题并进行自定义…
快速从页面中移除元素
众所周知的检查器功能允许快速从页面中移除选定的元素。只需检查一个元素，然后按Delete 键即可移除页面上当前突出显示的元素。
函数对象：displayName 属性
Firebug 还支持displayName 函数对象属性。您可以使用此属性为匿名函数指定自定义函数名称。因此，Firebug 使用该属性来显示堆栈跟踪。
每个控制台日志都有其来源信息
这只是一个简单的新功能。控制台中显示的每个日志都有其来源（文件 URL 和行号）。当然，只要您点击来源链接，Firebug 就会显示源代码。
重新发送 HTTP 请求
Net 面板允许重新发送现有的 HTTP 请求。只需右键单击它，然后从上下文菜单中选择重新发送即可。方便快捷！
条件断点的工具提示
脚本面板会显示条件断点的工具提示。您不必打开条件编辑器就能查看当前条件。
从 DOM 面板添加监视
DOM 面板上下文菜单引入了新的添加监视命令。这允许开发人员找到特定对象或字段（可以在结构中深入多层），并将它直接放入脚本面板的监视窗口中，以便进一步检查和监控。
来自浏览器缓存的响应头
Net 面板甚至显示来自浏览器缓存的 HTTP 头。只需展开 HTTP 请求并检查头选项卡，底部就会有一个新部分（如果响应来自缓存）。
字体查看器
Firebug 在 Net 面板中引入了字体查看器（用于 *.woff 文件）。如果您的页面正在加载此类文件，您可以展开相应的请求，并查看有关下载字体的所有元数据。非常酷！
字体工具提示
还有另一个对设计人员有用的支持。如果将鼠标光标移动到 CSS 面板（或样式侧面板）中的字体上，您将看到一个带有字体预览的工具提示。
数组项的工具提示
另一个巧妙的改进与使用工具提示调试和检查数组值有关。如果将鼠标光标移到数组方括号上，您可以看到实际值，请看屏幕截图。
Honza
关于 Jan Honza Odvarko
Honza 正在开发 Firefox 开发者工具
44 条评论