相关软件 | 软件大小 | 版本说明 | 下载地址 |
FireBug(萤火虫) 2.0.16 官方PC版 | 免费软件 | 查看 | |
FireBug 3.0.11 电脑端 | 免费软件 | 查看 | |
FireBug(萤火虫) 3.0.11官方中文版 | 免费软件 | 查看 | |
Firebug v2021.3.0.0 最新版 | 458 KB | 免费软件 | 查看 |
软件功能
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头等等。
软件特色
1、控制台(Console)功能
控制台得主要作用是用来显示网页各类错误信息,并可对日志进行打印处理。同时可以在进行javascript调试的时候当作命令行窗口使用,并通过概况子选项说明javascript代码执行的相关信息。
2、HTML功能
此菜单标签功能,主要用于查看当前页面的源代码功能,并可进行编辑,实时显示,从而实现页面最佳效果。
3、脚本(Javascript)功能
脚本功能主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。
4、DOM功能:该功能主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改。
5、网络(Net)功能
该标签功能主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。
6、CSS功能
点击CSS菜单标签,可查看所有的CSS定义信息,同时也可以通过双击来达到修改页面样式的效果。
常见问题
问:firebug安装成功了但是显示停用状态,点击也不能激活,F12也不行怎么办?
答::不知道用户所说的停用是指扩展停用还是功能停用,一般前者的话,可以通过附加组件管理列表进入扩展管理界面,找到扩展选项卡,点击后激活扩展管理列表,找到firebug选项,将其设置为激活即可正常使用。
问:为什么有的火狐浏览器不能用firebug?
答:因为你的火狐浏览器和firebug不是一个版本
问:火狐浏览器怎么打开firebug?
答:1、打开火狐浏览器,在火狐浏览器菜单栏目中选择“工具”在弹出的下拉框中点击“附加组件”(快捷键是:ctrl+shift+A)。
2.进入到添加组件的页面中,这时候我们在右上找到搜索框,在框内搜索“firebug”然后回车这时候就会出现我们想要找的这个插件了。
3、这里我们点击“firebug”这个插件,然后就可以看见这个插件在后台下载了。等一会就可以看见安装好了。
4、安装好以后我们在使用的火狐浏览器按F12就可以将“firebug”这个插件呼出来了。