找软件用软件,到华军软件园!
您的位置:华军软件园>编程软件>编程控件>

FireBug(萤火虫)

FireBug(萤火虫)

FireBug(萤火虫) 2.0.16FireBug(萤火虫)手机版

  • 版  本:2.0.16
  • 软件授权:免费软件
  • 软件类型:国外软件
  • 软件语言:英文
  • 更新时间:2018/02/12 19:12:41
  • 应用平台:WinAll
  • 软件官网:官方网站
  • 软件大小:2.5M
基本简介
FireBug(萤火虫)

Firebug(也被称为:萤火虫)是 firefox 下的一个扩展工具,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。

相似软件
版本说明
软件地址

除此之外,其他功能还很强大,比如html,css,dom的查看与调试,网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。

FiFireBug(萤火虫)集HTML查看和编辑、Javascript控制台、网络状况监视于一体,可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。

FireBug(萤火虫)为你的Firefox 集成了浏览网页的同时随手可得的丰富开发工具。你可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控…

 

Firebug 功能介绍


激活

Firebug的激活是基于URL的,遵守相同的来源策略。这意味着,当您在不同的选项卡上打开同一个来源的页面时,Firebug会自动打开。当您在同一选项卡中打开不同来源的页面时,它会自动关闭。另一方面DevTools的激活是基于标签的。这意味着,当您在选项卡中打开DevTools时,即使您在不同网站之间切换,它们也会保持打开状态。当你切换到另一个标签,但是,他们被关闭。

打开工具

按F12可打开Firebug。要打开它来检查元素,可以按Ctrl+ Shift+ C/ Cmd+ Opt+ C。DevTools共享相同的快捷键,但也提供了不同面板的快捷键。例如,网络监视器可以通过Ctrl+ Shift+ Q/ Cmd+ Opt+ 打开Q,Web控制台通过Ctrl+ Shift+ K/ Cmd+ Opt+ K打开,调试器通过Ctrl+ Shift+ S/ Cmd+ Opt+ 打开S。

该Web控制台是Firebug的相当于控制台面板。它显示与网页相关的日志信息,并允许您通过命令行执行JavaScript表达式。两者之间的显示有所不同。这可能会改变错误1269730。

过滤日志消息

Firebug提供了两种方法来过滤日志消息,通过选项菜单和工具栏中的过滤器按钮。开发者工具控制台通过其工具栏内的过滤器按钮提供类似的功能- 集中在一个地方。

命令行API

Firebug中的命令行API提供了一些特殊功能,以方便您使用。开发工具命令行有一些共同的功能,但也有一些其他的功能,错过了别人。

控制台API

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

坚持日志

在Firebug中,您可以单击工具栏中的Persist按钮以保留页面导航和重新加载之间记录的消息。在DevTools中,这个选项被称为启用永久日志,并且在“工具箱选项”面板中可用。

服务器日志

像FirePHP这样的Firebug扩展允许将服务器端消息记录到Firebug控制台。该功能已经使用ChromeLogger协议集成到DevTools中,不需要安装任何扩展。

命令历史

该命令历史记录可通过在Firebug的命令行按钮,可以按↑/ ↓在DevTools命令行中。


安装 Firebug 教程


1.下载 Firebug 软件包。点击下载按钮后,会有个弹窗页面,提示安装的目录,安装后重启你的 Firefox 浏览器。(需要下载浏览器的直接单击该处下载)

重启后就可以在 Firefox 浏览器中看到 Firebug 的图标。点击 Firebug 图标(位于 Firefox 浏览器右上角)即可激活 Firebug 插件

 

firedebug图标截图

 

撤销与恢复

 

Firebug截图

 

显示命令行

 

 

Firebug截图

 

面板选择

 

 

Firebug截图

 

控制台

 

Firebug截图

 

HTML 面板

 

 

Firebug截图

 

Firebug 使用方法


Firebug 的主要菜单选项有控制台、HTML、CSS、脚本、DOM、网络六个,上述功能的配合使用能够满足网页设计的各项要求。

1、控制台(Console)功能:控制台得主要作用是用来显示网页各类错误信息,并可对日志进行打印处理。同时可以在进行javascript调试的时候当作命令行窗口使用,并通过概况子选项说明javascript代码执行的相关信息。

2、HTML功能:此菜单标签功能,主要用于查看当前页面的源代码功能,并可进行编辑,实时显示,从而实现页面最佳效果。

3、CSS功能:点击CSS菜单标签,可查看所有的CSS定义信息,同时也可以通过双击来达到修改页面样式的效果。

4、脚本(Javascript)功能:脚本功能主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。

5、DOM功能:该功能主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改。

6、网络(Net)功能:该标签功能主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。

 

Firebug 更新日志


Firebug 2.0.16与Firefox 30 - 48兼容

Firebug 2.0.16修复了以下问题:8004。

 

所属专题
firebug下载

firebug下载

FIREBUG下载大全,是Firefox的一个插件,Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大的插件。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面。华军小编给大家整理推荐了各类免费的FIREBUG下载大...

软件截图
  • FireBug(萤火虫)
FireBug(萤火虫)下载地址
网友评论
网名:
(您的评论需要经过审核才能显示)
  • 置顶 华军网友 2017-02-27 08:37:22
    安卓手机可以查吗
  • 置顶 华军网友 2016-09-26 15:46:19
    编程控件软件我只认FireBug,功能强大不说,FireBug2.0.16软件才2.5MB。
  • 置顶 华军网友 2016-07-27 16:18:18
    这个FireBug2.0.16好用么,我看大小是2.5MB,跟前一个版本差别并不大
  • 置顶 华军网友 2016-03-01 20:53:37
    有点卡,很一般,没有什么特别的
  • 置顶 华军网友 2016-02-04 09:30:32
    这版FireBug竟然是免费软件,先下载试试,多谢分享。
  • 10楼 华军网友 2015-11-14 12:10:02
    之前听同学说这里有FireBug2.0.16下载,还真有,我找FireBug好久了
  • 9楼 华军网友 2015-11-13 10:44:03
    我发现2.0.16的FireBug相比上一版不容易崩溃了,不错不错
  • 8楼 华军网友 2015-11-09 08:43:03
    FireBug挺好用的一款编程控件软件,挺!!!就是下载好慢啊,赶脚那网速走的好无力
  • 7楼 华军网友 2015-08-06 19:20:11
    电脑问题 真的
  • 6楼 华军网友 2015-06-24 17:02:03
    找了那么多下载软件网站下载FireBug,终于让我找到你了,我的FireBug2.0.16
精彩推荐
软件介绍
相关文章
所属专题
相关下载
软件截图
下载地址
网友点评
返回顶部