Firebug具有什么功能，该功能没有Chrome的开发人员工具没有？ [关闭

StackOverflow https://stackoverflow.com/questions/3124974

  •  30-09-2019
  •  | 
  •  

题

我是新手网络开发人员，我已经推荐了Firebug多次调试。但是，到目前为止，我一直在使用Chrome的内置开发人员工具。它似乎可以完成Firebug所做的一切，并且更加干净，更有条理地作为奖励。

随着我在调试中变得更加先进时，Firebug是否会错过Chrome的Devtools的功能？如果是这样，他们是什么？

有关的： Google Chrome类似Firebug的调试器

有帮助吗？

解决方案

我从一开始就使用了火焰，那就是天哪，就像火的发明一样。但是后来Chrome提出了调试器，我尝试了。我一直在使用Firebug，但一直关注Chome的开发工具，最后不再想出在V12中添加JSON工具后不切换的原因。

Chrome的DevTools踢屁股，因为它具有：

  • 内置时间表，分析仪和堆分析仪
  • 内置审计工具
  • 可以访问和编辑本地/sessionstorage，cookie，sqllite db's，websql，appcache等...
  • Websockets网络嗅探
  • JS调试器还有更多功能（例如Webworker断点）
  • JS调试器让您可以随时编辑JS并运行它（带小提琴的JSFIDDLE）
  • 如果您愿意，每个窗口都会获得DevTools窗口； Firebug是单身人士
  • Firebug通过减慢其加载并通过为其检查器功能注入CSS来散布该页面

更新：两年后，我必须祝贺Firefox团队进行了巨大的进攻。也就是说，Chrome团队和调试器每月迈出了巨大的飞跃，领导该行业。我会更新上面的列表，但坦率地说，它将填写整个页面。

其他提示

我还没有遇到我在改用Chrome后错过的Firebug功能。

使用Firebug，我感到更加舒适。我目前无法想到细节，但是有时我会尝试在Safari或Chrome中调试一些东西，看来PITA是我启动Firefox并尽快完成任何操作的PITA。

DOM选项卡是一个加号。它比Chrome的等效物更容易访问和布局。我也更喜欢DOM和其他JS对象的方式登录到Firebug中的控制台。

像Pixel Perfect之类的火焰插件也非常有用。我不知道Chrome是否存在此类工具。

总体而言，这没关系，因为无论如何您都必须在两个浏览器中进行测试。即，也可以将其与IE的开发工具进行比较（这些工具有所改进，但与FF或Webkit相比仍然不好）。

我认为燃烧中没有任何特别的先进的东西，但是在镀铬中没有任何问题。

Chrome开发人员工具接管了Firebug的功能，因此所有主要功能和熟悉都存在（例如 $0, ， 和 console 目的）。

有一些很小的差异，例如DevTools没有 CSS 面板（尽管CSS样式表可以在 元素 控制板）。

Chrome工具还具有 时间线, 个人资料 和 贮存 面板。这 时间线 面板日志加载，CSS渲染和JavaScript解析。这 轮廓 面板配置资源使用和 贮存 面板显示并允许更改网站的数据库，本地存储，会话存储和cookie。

最后，这两个工具都有自己的次要差异，这使各种动作变得更加容易或更难。我的建议是将Firebug用于Firefox，而DevTools则用于Webkit浏览器，因为只有Firebug Lite在Chrome上作品，并且缺少普通Firebug具有的许多功能（并且DevTools内置在Chrome中）。

编辑: ：曾经是真实的，但是Chrome Dev工具实现了它。

Firebug可以在页面上加载的所有脚本中搜索。 Chrome Dev工具只能在当前选择的脚本AFAIK中搜索。

据我所知，Firebug是唯一可以在键入时进行编辑HTML代码和文本的人。例如，如果您想查看文本如何适合容器并一次添加一个字符，则非常有用。

在Chrome中，当您编辑HTML时，必须按选项卡或输入以退出“编辑模式”，并查看页面上的更改。

在Firebug中，您还可以立即输入HTML代码。在Chrome中，您必须右键单击并选择“编辑HTML”。否则，它将像u003Cb>粗体u003C/b>一样出现。

我真的很想改用Chrome，因为它似乎运行得更快，但是现场编辑对我来说太重要了。

鼠标选择Firebug很棒，但是我似乎无法在Chrome开发人员工具中找到它。

这让我感到困扰，因为我找不到火焰中的热键，而镀铬完全缺乏它。

我是菜鸟开发人员，因此在开发时大多数时候仍然使用鼠标。

当时，这个问题被问到Firebug是野兽，但是现在Chrome开发人员工具（DevTools）对于Web开发人员来说很方便。尽管我并不是对Firebug大声疾呼，因为我已经使用Firefox与Firebug了解了网络开发。

它是Web开发的绝佳工具，它介绍了DevTools和Firefox的DevTools拥有的所有主要功能。但是，我切换到Chrome Devtools，尽管它们没有涵盖火焰的所有功能，因为它们的发光速度比Firebug更快，并且访问LocalStorage的速度更快，我认为可以访问LocalStorage，并在那里井井有条。

在这里，我将列出该功能在Firebug中的唯一功能，

  • 搜索:

    搜索选项在Firebug中定义明确，因为它易于访问，我们可以使用 区分大小写 和 正则表达式.

  • DOM：

    可以在火焰中轻松访问DOM结构 过滤选项 喜欢 显示用户定义的属性, 显示用户定义的功能 等等。

  • 饼干：

    firebug让我们创建我们的 自己的饼干 并提供 导出饼干.

  • 网络/网络：

    firebug有一个 网 Devtools称之为的面板 网络. 。两者都可以分析加载资源及其状态的所有请求。在Firebug中，我们可以轻松掌握资源' 远程IP.

  • 资料来源：

    即使是 源编辑 在DevTools中可用，我觉得使用时壁炉更好 源编辑, ，因为如果要在DevTools中编辑CSS文件，则必须转到 来源 面板，然后按 Ctrl+o 查找文件。只有这样，您才能编辑文件。在火药中，您可以轻松找到 源编辑 在每个菜单选项卡下。

  • 支持Dojo：

    一旦我还是Dojo开发人员Firebug 轻松扩展以支持Dojo开发 通过使用 Dojo Firebug扩展.

客观地看到的Firebug 2.0具有许多小功能，Chrome Devtools没有。其中一些在这里列出：

安慰 控制板

html 控制板

CSS 控制板

dom 控制板

  • 在一个地方显示所有域属性
  • 显示 关闭
  • 允许按属性，功能等过滤显示屏。

网 控制板

  • 允许在xmlhttprequests上停止
  • 根据请求显示缓存信息

饼干 控制板

  • 创建和编辑cookie
  • 控制cookie权限
  • 显示饼干的原始和格式化的大小
  • 允许在Cookie更改上停止执行脚本
  • 标准格式出口饼干

一般的

  • 在外部编辑器中打开HTML，CSS和JavaScript
  • 允许自定义快捷方式

超出可用性的“功能”是Firebug是 开源. 。因此每个人都可以参与其中。

话虽如此，Chrome Devtools（以及Firefox Devtools）具有更多功能，而与Firebug相比，与其他DevTools背后的团队相比，Firebug背后的团队非常小。

还， Firebug 3+集成到内置的Firefox Devtools, ，这意味着这些版本继承了Firefox DevTools的所有功能，并可能添加其他功能。

Firebug有可能附上其他插件，例如 Firecookie. 。在其余的情况下，他们非常相似，我认为这一切都与品味有关。

还补充说，它可以为HTML元素添加CSS选择器。

有时真的很方便！ :)））哈哈哈

我认为开发工具是相似的，但是我很难强迫Chrome不要缓存任何东西。即使设置铬“禁用缓存”设置也没有100％的时间工作；我不确定为什么。

我没有Firefox/Firebug的问题，所以我仍在使用它。

加我的几分钟...

  1. Chrome Inspector无法按字母顺序排序CSS属性，因为Firebug可以像魅力一样做到这一点。当您检查一些CSS元素并需要抓住Firebug时，它会有所帮助。

    根据良好的CSS编码实践，最好将CSS属性按字母顺序排列在您的代码中。

  2. 当您在脚本标签下进行涉及大量脚本的项目时，您可以选择在提供的建议框中搜索JS文件。与Chrome一样，您将有一个la脚的树视图来找到您的JS文件，该文件很乏味，可以看到JS文件的命名程序并穿过树。

    此选项可能不会影响任何参与其项目中的JS文件的人。当我的脚本超过1000个JS文件时，我使用的是使用Firebug的功能。

今天几乎进行了切换，但我注意到我无法右键单击Chrome中的修改后的CSS，并像我在Firebug中一样复制规则或样式声明。上帝，我希望Firefox不要突然开始吮吸，否则我不会有这个问题。

借助Chrome调试器，我可以调试GWT项目的JSNI，其中Firebug只是显示一个匿名功能，而我根本没有真正识别实际的函数。

我喜欢Chrome Dev工具，但有时候我错过了Firebug的这些强大功能。

  • 有条件的断点 ：仅在特定条件下暂停。
  • 记录功能调用 ：标记功能，并在控制台中查看您想知道的所有内容。
  • 破坏财产变更 ：如果属性更改，则将标记对象和调试器暂停。

“编辑和重新启动”请求功能

使用Firefox开发人员工具（重播XHR或Firebug中的其他内容）中的“编辑和重新启动”功能，您可以通过请求更改（包括请求标头，请求主体，HTTP方法甚至URL）重播XHR请求。 Google Chrome的重播XHR简单地重播了请求，并且不允许对请求进行任何修改。

当我需要此功能时，我会使用Firefox DevTools。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top