Opera Dragonfly 与 Firebug [关闭]答案

【问题标题】：Opera Dragonfly vs. Firebug [closed]Opera Dragonfly 与 Firebug [关闭]
【发布时间】：2011-04-04 07:02:14
【问题描述】：

我是用于浏览的 Opera 用户和用于开发的 Firefox 用户。没有Firebug，我根本无法工作，任何其他工具都不适合我。来自 Opera 的 Geeks 经常提供使用Dragonfly，其用途与 Firebug 几乎相同（JS 调试器、DOM/CSS 检查器、JS 控制台、页面加载分析等）。由于以下原因，我尝试了 Dragonfly，但又回到了 Firebug：

Firebug 加载速度比 Dragonfly 快（例如在检查元素时）；
~~蜻蜓没有（或者我没有发现）如何快速禁用css的某些属性。在 FB 上，您只需点击道具旁边的图标即可。~~它已经有了。

我很感兴趣有人用 Dragonfly 代替 ob FB 或任何其他工具吗？为什么不）？您发现这两种工具之间的主要区别是什么？

【问题讨论】：

Firebug 用户在这里。我看过 Dragonfly 一次或两次，但无法给出有根据的答案。
"Firebug 加载速度比 Dragonfly 快（例如在检查元素时）；"近一年都不是这样（自从第一个带有离线缓存的蜻蜓版本以来）。

标签： firefox firebug opera opera-dragonfly

【解决方案1】：

好吧，我会说蜻蜓比萤火虫好得多。它提供了 firebug 中存在的所有工具，但您只需要弄清楚它。有 CSS 自动完成功能。但是为此，您必须按down key 并添加css 非常容易。只需向下滚动到 CSS 栏的底部，就会出现new style。而且dragonfly还提供了Line no的样式。在样式声明的右上角。

【讨论】：

我在 Dragonfly 中唯一找不到的是相当于 Firebug 的 DOM 选项卡。

【解决方案2】：

CSS editing capabilities      Firebug   |   Dragonfly
                              _______________________
CSS autocomplete              Yes       |   No
Ease in adding new css        Very easy |   Very difficult
Line no of styles             Yes       |   No
Page rendering while inspect  Normal    |   Inspected element get locked
Ruler                         Useless   |   Very handy (on the screenshot)
Color pallete                 No        |   Yes
Tabbed resource browsing      No        |   Yes
Extendability via plugins     Yes       |   No

【讨论】：

在 DRAGONFLY 中：要添加新的 CSS，您只需在其中一个 CSS 属性上键入 return。行号：CSS 样式表有直接的锚点。
蜻蜓看起来很有希望。 1]“新样式”是一种向未设置样式的元素添加新 CSS 声明的方法（即，在 CSS 文件中尚未声明的元素。），但 Firebug 的“编辑元素样式”仍然更加直观. 2]关于行号，直接锚带你到CSS文件的顶部，而不是有问题的样式。还要将更改移植到您需要行号的本地 CSS 文件。
您使用的是哪个版本的蜻蜓。因为我可以访问直接行号。现在在 Opera 11.60 和 Opera Dragonfly：1.2011.10.31.2 Release task 2 DFL-2559 Révision numéro：5171:51e826f9ce9e，默认，Opera Dragonfly 1.2011.10.31.2 Release task 2

【解决方案3】：

必须同意，我花了 90% 的时间在 ie 中进行工作，并且能够使用 ie 开发人员工具在 ie7 或 8 中进行渲染是一个很大的好处。

谈到ie6，我倾向于通过spoon.net 启动它，然后使用firebug lite 小书签来破解，但是这些天你已经大致了解了什么会起作用，什么不会起作用开始。

...不幸的是，在金融领域工作的很多用户将在相当长的时间内卡在 ie6 上，所以你只能继续使用它。

就我个人而言，我正在尝试其他调试器，看看它们是否比 firebug 更好，但到目前为止，它们充其量还可以，但是随着向 webkit 浏览器的转变，Google Chrome 已经获得了我的投票。

【讨论】：

【解决方案4】：

我使用所有浏览器的开发工具！即使对于 Internet Explorer，开发人员也有额外的下载！

问题是：这不是因为一件事在 Firefox 中有效，它在 IE6、7、8、Opera 和 Chrome 中有效。

我喜欢 Internet exlporer 工具的地方在于您可以选择要调试的版本。所以不需要下载合集包（因为6和7差不多）

所有工具都具有几乎相同的功能。

【讨论】：

顺便说一句，概述：favbrowser.com/…

【解决方案5】：

您可能知道也可能不知道 Opera Dragonfly 是一种网络应用程序，在首次使用和升级时从 Opera 服务器加载。如果你重新打开它并且服务器版本没有更新，它应该从缓存中快速加载。我不确定总是是这种情况，YMMV，我完全可以理解它的不可预测的加载时间可能很烦人。但是，这样您就可以始终使用最新版本的 Dragonfly，而无需更新任何扩展。

这让我想到了第二点：禁用 CSS 属性。现在在最新版本中以非常明显的方式支持这一点。我建议您再次尝试打开 Dragonfly :-D

关于比较，我天生就太偏袒评论这个问题......但无论如何：我的总体感觉是 Firebug 是 web 调试器 UI 设计的一个巨大飞跃（如果你已经足够大，可以使用 Venkman 你知道我的意思），但是在引擎盖下使用起来感觉不稳定。我的用例主要是 JS 调试器（DOM 检查器一直更可靠），多年来我已经看到调试器以许多奇怪的小方式出现异常。我要快速补充一点，Dragonfly 并没有好多好，它有已知的问题，可以让你在踩踏时完全偏离轨道。 Firebug 的当前版本可能比所有过去的版本都更稳定，但我仍然有点不愿意将它用于复杂的 JS 调试任务，并且更喜欢 Dragonfly 或 Chrome 的检查器。又是 YMMV。

..我更喜欢 Dragonfly 的主要原因可能是这个用户 JS 允许我使用 Dragonfly 来单步执行任何随机脚本，无论它是否作为无空格文本 blob 通过网络发送： http://my.opera.com/hallvors/blog/2008/05/13/script-formatter-user-js

但是，我的用例是调试任何随机页面，而大多数人的用例是调试他们自己的格式良好的脚本 :)

【讨论】：

（顺便说一句，我没有关于 Dragonfly 版本与 Opera 版本的概述 - 请确保您使用最新的 Opera 版本来获取最新的 Dragonfly..）
终于禁用 CSS 属性了！它应该是新的更新，因为我在几周前还没有看到这个。
禁用和修改现有的 CSS 作品，但添加 CSS 规则是不可能的，是吗？
当然可以，只需双击现有条目即可进入编辑模式，将光标放在末尾的分号后面并按回车键。（当然更容易找到这个功能..）