firebug是一款firefox下的调试工具，能够调试所有网站语言，如Html,Css等等。但最吸引人的就是javascript调试功能，使用起来非常方便，而且在各种
浏览器下都能使用（IE,Firefox,Opera, Safari）。还有html,css,dom的查看与调试，网站整体分析等等功能，小小的软件有着大大的功能，同时它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。有需要的朋友可以在本站下载哦！
安装教程
1、首先打开火狐浏览器
2、找到火狐菜单栏》工具》Web开发者》获取更多工具，单击它，然后耐心等待
3、然后在打开的页面里面往下拖动“滚动条”，找到“它”(一般第一个就是。)，然后单击“添加到FireFox”。
4、点击后会在浏览器的左上角出现一个提示框，然后耐心等待它走完。
5、之后会出现一个“软件安装”的窗口，点击“立即安装”。
6、等待一会，就会在浏览器的左上角出现一个提示框，提示你已安装成功。
7、关闭浏览器，重新启动。
8、找到“火狐菜单栏-工具-Web开发者-Firebug-打开（小技巧：也可以使用F12快捷键打开）
功能介绍
1、可以随时编辑页面
在HTML标签中，点击窗口上方的“inspect”命令，然后再选择页面中的文本节点，你可以对其进行修改，修改结果会马上反应在页面中。
2、Fire的查看和修改HTM代码功能
利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTML源代码和CSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当前网页，可以点击它的reload图片重新载入网页，它会继续跟踪你之前用Inspect选中的区块，方便调试。
3、rj 的DOM功能
该功能主要用于查看页面DOM信息，通过提供的搜索功能实现DOM的快速准确定位，并可双击来实现DOM节点属性或值的修改。
4、软件的脚本（Javascript）功能
脚本功能主要是一个脚本调试器，可以进行单步调试、断点设置、变量查看等功能，同时通过右边的监控功能来实现脚本运行时间的查看和统计，提高运行效率。
5、软件的网络（Net）功能
该标签功能主要用来监控网页各组成元素的运行时间的信息，方便找出其中运行时间较慢的部分，进一步优化运行效率。
软件组件
1、选项
2、在页面上点击检查元素
3、撤销与恢复
4、显示命令行
5、面板选择
6、控制台
7、HTML面板
8、CSS面板
9、脚本面板
10、DOM面板
11、网络面板 (用于网页测速和优化)
小编点评
Firebug的网络面板可以显示网页加载过程中的所有网络请求和响应。您可以查看每个请求的详细信息，例如请求头、响应头、请求时间等。这对于优化网页性能非常有用。
0条评论