初识“FireBug”

今天学习前端知识又一次提到“FireBug”这款插件，现在，把今天学到的一点东西简单记录下来。

---

什么是FireBug

FireBug是一个用于网站前端开发的工具，它是FireFox浏览器的一个扩展插件。它可以用于调试JavaScript、查看DOM、分析CSS、监控网络流量以及进行Ajax交互等，提供了几乎前端开发需要的全部功能。

安装

打开火狐浏览器 ，快捷键【Ctrl+Alt+A】，搜索栏>>>点击安装，ok。

主面板

安装完成之后，在Firefox浏览器的地址后方就会有一个小虫子的图标。单击该图标后即可展开Firebug的控制台，也可以通过快捷键<F12>来打开控制台。使用Ctrl+F12快捷键可以使Firebug独立打开一个窗口而不占用Firefox页面底部的空间。

共包含七个按钮：

1. 控制台面板：用于记录日志、概览、错误提示和执行命令行，同时也用于Ajax的调试；
2. HTML面板：用于查看HTML元素，可以实时地编辑HTML和改变CSS样式，它包括3个子面板，分别是样式、布局和DOM面板；
3. CSS面板：用于查看所有页面上的CSS文件，可以动态地修改CSS样式，由于HTML面板中已经包含了一个CSS面板，因此该面板将很少用到；
4. 脚本面板：用于显示Javascript文件及其所在的页面，也可以用来显示Javascript的Debug调试，包含3个子面板，分别是监控、堆栈和断点；
5. DOM面板：用于显示页面上的所有对象；
6. 网络面板：用于监视网络活动，可以帮助查看一个页面的载入情况，包括文件下载所占用的时间和文件下载出错等信息，也可以用于监视Ajax行为；
7. Cookies面板：用于查看和调整cookie(需要安装下文资源中所提到的Firecookie)。