Firebug 是一款免费的 Mozilla Firefox 插件，为开发人员提供了强大的工具来检查和编辑 HTML、完善 CSS，甚至欣赏其他网站的精美代码。对许多人来说，该插件已成为网站设计、开发和维护中不可或缺的一部分。
一位网站所有者在插件论坛上写道：“这对网页设计师来说是天赐之物。”“我昨天刚装上它，它已经帮我修复了几个令人烦恼的错误，否则我根本想不出来。我对这个出色的插件再满意不过了。”
网站设计师和程序员都有自己最喜欢的工具和技巧。但网站创建就像所有编程工作一样，本质上都是解决问题。随着我们不断拓展能力、添加新功能并尝试编写更优质的代码，会遇到错误、漏洞和挑战。Firebug 插件有助于定位并解决这些问题。
Firebug 让网站工作变得更加轻松，因此在本The PeC Review中获得了满分五星中的四星评价。
不再需要重复的源文件
支持并改进 Firebug 的开源社区于 2009 年 1 月 12 日发布了新版本。1.3.0 版本解决了 Firebug 长期存在的一个问题：过去该工具会加载源文件的第二个副本，导致产生大量令人困惑的复制文件。但在新版本中——与 Firefox 3.0.4 配合使用时——不再打开重复的源文件。
关于 Firebug 的一些快速事实
早期 Firefox 贡献者 Joe Hewitt 在与 Parakey Inc.（一家正在开发计算机系统用户界面的初创公司）的合作伙伴 Blake Ross 共事期间创建了 Firebug 并帮助推广它。Facebook 于 2007 年 7 月收购了 Parakey。目前，Firebug 工作组负责监督 Firebug 工具的成长与改进。
检查和编辑 HTML
Firebug 允许你在 Firefox 浏览器中直接查看结果的同时检查和编辑 HTML，提供某种即时预览功能。因此，你可以在将 HTML 保存到 Web 服务器之前尝试更改并查看效果。你还可以将鼠标悬停在页面元素上以查找底层代码。
我个人在使用主题时经常使用此功能。例如，我最近一直在处理多个基于 Magento 的商店。与其从头为这些商店创建新主题，我通过从默认的 Magento 主题开始并进行修改来节省时间。Firebug 是工作流程中不可或缺的一部分，因为它让我能够找到正确的 PHP、HTML、XML 和 CSS 文件来进行所需的更改。
更改和比较 CSS
您还可以使用 Firebug 来完善您的 CSS。就像该工具允许您更改 HTML 代码并实时查看结果一样，它使设计师能够大胆或细微地调整排版、颜色、CSS 布局等，而无需担心更改 Web 服务器上的代码。不妨将其视为最新设计理念和升级的彩排。
Firebug 还会为用户提供 CSS 的布局视图，使调试盒模型问题变得极其简单。
配置和调试 JavaScript
Firebug 的一个更高级功能与其暂停 JavaScript 执行的能力有关。这使开发人员能够准确定位代码中正在发生的事情，并解决许多难以发现的错误。对于更多的 JavaScript 或 AJAX 工作，Firebug 会显示你的 JavaScript 可以使用的对象和函数的层次结构。
Firebug Lite
Firebug 是为 Firefox 构建的，但如果你需要在 Microsoft 的 Internet Explorer、Opera 或 Safari 中测试页面，也不必绝望。Firebug Lite 是一个你可以插入到页面中的 JavaScript，以便在其他浏览器中获得类似 Firebug 的功能。
总结
Firebug 是一个非常实用的网页设计和开发工具，它可以轻松地附加到世界上最流行的浏览器之一上，我认为它值得我在此处给予的五星满分中的四星评价。The PeC Review。
资源
- Jim Plush 关于如何使用 Firebug 扩展的视频教程
- Estelle Weyl 的Firebug 入门
- Firebug 工作组