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

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

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

4.插件的使用

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

火狐插件restclient使用 火狐的插件怎么使用_火狐浏览器


.### 3.左上角的控制台:

显示调试、错误、警告等信息,1主要是输入代码的调试信息,比如你在代码里添加了调试信息console.log(‘jy’)。这个信息的输出就是显示在控制台里的。可直观的看到一些页面的基本情况,如错误信息,以及一些ajax的请求,很轻松的点开就可看到访问的参数等等,基本上通过这里的调试,可以给你省去30%~40%的错误了;2. 脚本页,如果js脚本比较复杂,那页面js单步调试等功能就很有必要了,Firebug中有一个很好的搜索功能@多文件搜索,也就是说,你只要能说出其个别的关键词,他就可以帮你找到具体在哪个脚本页面哪一行。

火狐插件restclient使用 火狐的插件怎么使用_数据_02

### 4.网络功能,用于查看各

个页面的具体请求情况很方便,用于定位哪个节点是否出问题是必须的,当然,多了解一点http协议对于这一块的理解还是很有好处的。

5.HTML

快速页面代码定位

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

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