Firebug 教程

Firebug是什么浏览器调试工具？

Firebug是一款免费Web开发工具。

本教程将讨论以下内容——

• 如何安装Firebug。
• 使用Firebug检查并编辑HTML。
• 使用Firebug检查并编辑CSS。
• 使用 Firebug 调试和分析 JavaScript 性能。
• 使用Firebug实时执行JavaScript。
• 使用Firebug进行JavaScript日志记录。
• 使用Firebug监控网络活动。

安装Firebug

您可以从 https://addons.mozilla.org/en-US/firefox/addon/1843/ 下载并安装 Firebug。

访问上述页面后，点击下载按钮，将显示安装窗口并点击其中的安装按钮。该过程需要一定时间，完成后会提示您重启Firefox浏览器。重启后，通过Firefox浏览器左上角菜单路径：Firefox > Web开发者工具，点击Firebug功能项。

当前阶段Firebug尚未激活。点击该图标即可激活Firebug。

Firebug组件构成

Firebug 选项

点击页面元素以进行检查

后退和前进

显示命令行

面板选择器

Console

HTML面板

CSS 面板

脚本面板

DOM 面板

网络面板（用于性能分析，因此适用于页面速度测量与优化）

其他活动按钮

1 - 最小化Firebug.

2 - 将Firebug附加到浏览器窗口。

3 - 为此站点停用Firebug。

下一篇：使用Firebug检查并编辑HTML与CSS