FireBug(萤火虫)

Firebug软件简介：

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

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

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

Firebug 功能介绍：

Firebug的启动是基于网址的，遵循同源策略。也就是说，当你在不同的标签页打开同一来源的页面时，Firebug会自动开启。而当你在同一标签页中导航到不同来源的页面时，它会自动关闭。相比之下，DevTools的启动是基于标签页的。一旦你在标签页中打开了DevTools，即使你浏览不同的网站，它们也会保持开启状态。不过，当你切换到另一个标签页时，它们会关闭。

打开这些工具

你可以通过按下F12键来启动Firebug。若要打开它来检查元素，可以使用Ctrl+Shift+ C/ Cmd+Opt+ C快捷键。DevTools使用相同的快捷键打开，但它为不同面板提供了额外的快捷方式。例如，Ctrl+Shift+ Q/ Cmd+Opt+ Q用于打开网络监视器，Ctrl+Shift+ K/ Cmd+Opt+ K用于打开Web控制台，Ctrl+Shift+ S/ Cmd+Opt+ S用于打开调试器。

Web控制台相当于Firebug中的控制台面板，它显示与网页相关的日志信息，并允许你通过命令行执行JavaScript表达式。这两者在显示上有所不同，这可能导致错误1269730的提示信息变化。

日志消息过滤

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

命令行API

Firebug中的命令行API提供了一些特别的功能来提升用户体验。DevTools的命令行也具有一些共同的功能，但还有一些额外的功能未被提及。

控制台API

为了便于从网页内部向控制台记录信息，Firebug在页面中提供了一个控制台API。DevTools也共享这个API，因此你的console.*语句在两者中都能正常工作。

日志持久化

在Firebug中，你可以点击工具栏上的Persist按钮来在页面导航和重新加载之间保留记录的消息。在DevTools中，这个功能被称为启用日志，并且在“工具箱选项”面板中进行设置。

服务器日志

Firebug扩展如FirePHP允许将服务器端消息记录到Firebug控制台。DevTools通过集成ChromeLogger协议实现了这一功能，无需安装任何额外扩展。

命令历史

在Firebug中，命令历史记录可以通过点击命令行按钮访问。在DevTools的命令行中，你可以通过按↑/↓键来浏览命令历史。

大米软件园声明：本站不存储任何资源，下载链接均指向官网或第三方平台!