firebug扩展工具v3.0.11 最新版

firebug东西是火狐浏览器下的一个扩展东西，有了本插件以后，你就能够很好的调试网站的问题，尽管占用内存小，可是功用强壮，让你在编程的进程中，能够变得更加方便随手，极光下载站就为咱们带来这款好用的浏览器插件，欢迎喜爱的朋友前来体会！

firebug是firefox下的一个扩展,能够调试一切网站语言，如html,css等，但firebug最吸引人的就是javascript调试功用，运用起来非常方便，而且在各种浏览器下都能运用（IE,firefox,Opera, Safari）。除此之外，其他功用还很强壮，比方html,css,dom的检查与调试，网站全体剖析等等。总之就是一整套完整而强壮的 WEB开发东西。再有就是其为开源的软件。

1.css调试

firebug的css调试器是专为网页规划师们量身定做的。

如今的网页规划言必称div+css，假如你是用table套出来的html页面，就得按这规矩重构一遍，否则显得你不行时髦！用div做出来的页面确实能精简html代码，html标签瘦身的成果就是css样式表的编写成了页面制造的重头戏。

提示：假如你正在学习css样式表的运用，可是总记不住常用的样式表有哪些值，能够尝试在css调试器中选中一个样式表特点，然后用上下方向键来改变它的值，它会把可能的值一个个遍历给你看。

2.js调试器

这是一个很不错的javascript脚本调试器，占用空间不大，可是单步调试、设置断点、变量检查窗口一个不

少。正所谓麻雀虽小，五脏俱全。

3.Console 控制台

控制台能够显现当时页面中的javascript过错以及正告，并提示犯错的文件和行号，方便调试，这些过错提示比起浏览器本身供给的过错提示更加具体且具有参考价值。而且在调试Ajax运用的时分也是特别有用，你能够在控制台里看到每一个XMLHttpRequests恳求post出去的参数、URL，http头以及回馈的内容，本来似乎在幕后黑匣子里运作的程序被清清楚楚地展现在你面前。

4.css尺标

咱们能够运用firebug来检查页面中某一区块的css样式表，假如进一步打开右侧Layout tab的话，它会以标

尺的形式将当时区块占用的面积清楚地标识出来，准确到象素，更让人惊奇的是，你能够在这个可视化的界面中直接修正各象素的值，页面上区块的位置就会随改动而变化。

5.网络监视器

firebug的网络监视器同样是功用强壮的，它能将页面中的css、javascript以及网页中引用的图片载入所消耗的时间以矩状图呈现出来，或许在这里你能一把揪出拖慢了你的网页的元凶，进而对网页进行调优，还有一些其它细节功用，比方预览图片，检查每一个外部文件乃至是xmlHttpRequests恳求的http头等等。

6.修正html

第一次看到firebug强壮的html代码检查器，就觉得它与众不同，比较于firefox自带的html检查器，它的功用强壮了许多。

*过滤日志音讯

firebug供给了两种方法来过滤日志音讯，通过选项菜单和东西栏中的过滤器按钮。开发者东西控制台通过其东西栏内的过滤器按钮供给相似的功用- 集中在一个地方。

*指令行API

firebug中的指令行API供给了一些特别功用，以方便您运用。开发东西指令行有一些一起的功用，但也有一些其他的功用，错过了他人。

*服务器日志

像FirePHP这样的firebug扩展允许将服务器端音讯记录到firebug控制台。该功用现已运用ChromeLogger协议集成到DevTools中，不需要装置任何扩展。

*坚持日志

在firebug中，您能够单击东西栏中的Persist按钮以保存页面导航和从头加载之间记录的音讯。在DevTools中，这个选项被称为启用日志，并且在“东西箱选项”面板中可用。

*指令前史

该指令前史记录可通过在firebug的指令行按钮，能够按↑/ ↓在DevTools指令行中。

*控制台API

从网页内将东西记录到控制台firebug 在页面中供给了一个控制台API。开发者东西共享相同的API，所以你的console.*句子将继续工作。

firebug装置教程

1.装置结束最新版火狐浏览器后，点击左上角firefox菜单

选择【东西】-->【附加组件】。然后在【查找一切附加组件】查找栏中输入“firebug”关键词，出现firebug查找成果，点击装置后，重启浏览器即可完结装置进程。

2.firebug的发动完结装置，重启浏览器后，即可按“F12”快捷键发动firebug插件，也可点击firefox地址栏右边firebug图标发动，发动后，页面将分栏显现，firebug各项功用显现在下方。

软件运用方法介绍

1.控制台（Console）功用：控制台得首要作用是用来显现网页各类过错信息，并可对日志进行打印处理。一起能够在进行javascript调试的时分当作指令行窗口运用，并通过概况子选项阐明javascript代码履行的相关信息。

2.DOM功用：该功用首要用于检查页面DOM信息，通过供给的查找功用完成DOM的快速准确定位，并可双击来完成DOM节点特点或值的修正。

3.CSS功用：点击CSS菜单标签，可检查一切的CSS定义信息，一起也能够通过双击来到达修正页面样式的效果。

4.脚本（Javascript）功用：脚本功用首要是一个脚本调试器，能够进行单步调试、断点设置、变量检查等功用，一起通过右边的监控功用来完成脚本运转时间的检查和统计，进步运转功率。

5.HTML功用：此菜单标签功用，首要用于检查当时页面的源代码功用，并可进行修改，实时显现，从而完成页面最佳效果。

6.网络（Net）功用：该标签功用首要用来监控网页各组成元素的运转时间的信息，方便找出其中运转时间较慢的部分，进一步优化运转功率。