firebug的使用

1.firebug是火狐浏览器的一个插件，主要是用来调试前端代码的，比如HTML，JS，CSS。主要用来调试js代码是前端开发人员必备的工具。

2.安装方式：新版的火狐浏览器在插件扩展里已经搜索不到firebug插件了，建议安装火狐的v35版本，并且设置浏览器停止更新，此时可以搜索这个插件或者拖曳安装包实现插件的安装。

3.如何打开插件:按F12或者在打开的火狐浏览器的右上角单击小虫子即可开启插件

4.插件的使用

1. 通过FireBug，我们可以定位到页面上的HTML代码，比如页面上的某个元素所对应的代码。单击左上角的箭头，在页面上点击这个元素，对应的代码就会在下方里显示了。

.### 3.左上角的控制台：
显示调试、错误、警告等信息，1主要是输入代码的调试信息，比如你在代码里添加了调试信息console.log(‘jy’)。这个信息的输出就是显示在控制台里的。可直观的看到一些页面的基本情况，如错误信息，以及一些ajax的请求，很轻松的点开就可看到访问的参数等等，基本上通过这里的调试，可以给你省去30%~40%的错误了；2. 脚本页，如果js脚本比较复杂，那页面js单步调试等功能就很有必要了，Firebug中有一个很好的搜索功能@多文件搜索，也就是说，你只要能说出其个别的关键词，他就可以帮你找到具体在哪个脚本页面哪一行。### 4.网络功能，用于查看各
个页面的具体请求情况很方便，用于定位哪个节点是否出问题是必须的，当然，多了解一点http协议对于这一块的理解还是很有好处的。

5.HTML

快速页面代码定位

6.firebug也是很好的抓包工具，类似ie的httpwatch的抓包工具。

用firebug来分析网络数据包的内容，无论是post数据或者是get数据：单击post的资源路径，
我们最关心的是参数、post、响应。其中参数和post是前台发给后台的数据；响应是后台返回给前台的数据，点开参数按钮可查看具体的参数，点开post按钮，查看post数据：参数就是下发到后台的所有post数据，参数来源于页面的input数据，通过这个可以确定下发到后台的哪些数据。点开响应按钮：内容里应该有ok,证明操作成功返回了ok,如操作不成功则返回错误的信息。