2010-08-26 122 views
7

我是Opera用户浏览和Firefox用户开发。简而言之,如果没有Firebug,任何其他工具都不适合我。来自Opera的Geeks经常提供使用Dragonfly,其目的几乎与Firebug(JS调试器,DOM/CSS检查器,JS控制台,页面加载分析等)相同。我试过蜻蜓,但因为以下原因返回到Firebug:歌剧蜻蜓与萤火虫

  • Firebug加载速度比蜻蜓快(当检查元素时);
  • 蜻蜓没有(或我没有找到)如何快速禁用CSS的一些属性。在FB上,您只需点击道具旁边的图标即可。 它已经有了。

我很感兴趣没有人使用Dragonfly而不是ob或其他工具?为什么不)?这两种工具有什么主要区别?

+0

Firebug用户在这里。我曾看过蜻蜓一次或两次,但无法给出一个有教养的答案。 – Boldewyn 2010-08-26 13:51:48

+2

“Firebug加载速度比蜻蜓快(例如检查元素时);”将近一年的时间(从离线缓存的第一个版本的蜻蜓以来)并非如此。 – 0x49D1 2011-06-16 07:09:04

回答

11

您可能会也可能不知道Opera Dragonfly是一种Web应用程序,首次使用时以及升级时从Opera服务器加载。如果您重新打开它并且服务器版本没有更新,它应该从缓存中快速加载。我不知道这是总是的情况下,YMMV,我可以完全明白,其不可预知的加载时间可能会令人讨厌。但是,这样你的总是使用最新版本的Dragonfly而不必更新任何扩展。

这使我想到了第二点:禁用CSS属性。现在在最新版本中以相当明显的方式支持这一点。我建议你再试试打开蜻蜓:-D

关于比较,我本质上对这个问题有太多的偏见......但无论如何:我的一般感觉是,Firebug是网页调试器UI设计中的一次巨大飞跃(如果你足够的年龄已经可以使用Venkman,你知道我的意思),但是在引擎罩下面它使用起来感觉不稳定。我的用例大多是JS调试器(DOM检查器一直更可靠),多年来我都看到调试器以许多奇怪的小方法行事不端。我很快就会补充说,蜻蜓并不是,而是更多的,它具有已知的问题,可能在踩下时将你完全抛出轨道。当前版本的Firebug可能比以前的版本更稳定,但我仍然有点不愿意将它用于复杂的JS调试任务,并且更喜欢Dragonfly或Chrome的检查器。 YMMV再次。

我喜欢蜻蜓..the主要的原因可能是该用户JS让我用蜻蜓来逐步任何随机脚本,不管它是通过电线作为自由空白文本BLOB发送: http://my.opera.com/hallvors/blog/2008/05/13/script-formatter-user-js

但是,我的用例是调试任意一个随机页面,而大多数人的用例是调试自己很好格式化的脚本:)

+0

(顺便说一下,我没有概述什么是Opera版本,请确保使用最新的Opera版本获取最新的Dragonfly ..) – hallvors 2010-08-27 03:17:15

+0

最后禁用CSS属性就在这里!它应该是新的更新,因为我几周前还没有看到这个。 – Pawka 2010-08-27 09:59:00

+0

禁用和修改现有的CSS作品,但添加CSS规则是不可能的,是吗? – user123444555621 2010-09-11 12:17:08

2

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

问题是:它不是因为一件事情在Firefox中起作用,它在IE6,7,8,Opera和Chrome中起作用。

我喜欢的互联网exlporer工具是你可以选择你正在调试的版本。所以你不需要下载收集包(因为6和7几乎相同)

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

+0

顺便说一句,概述: http://www.favbrowser.com/internet-explorer-developer-tools-vs-firefox-firebug-vs-safari-web -inspector-vs-opera-dragonfly/ – VeeWee 2010-08-27 10:11:31

0

必须在那里达成一致,我花了90%的时间在ie中工作,并且能够使用ie开发人员工具呈现ie7或8,这是一项巨大的奖励。

当谈到ie6我倾向于通过spoon.net启动它,然后使用firebug lite小书签破解掉,但是现在你已经有了一个大概的想法,你先来。

......不幸的是,在金融工作中,很多用户会在ie6上停留相当长的时间,所以您只需要使用它。

个人我正在尝试其他调试器,看看他们是否比萤火虫更好,但到目前为止,他们还好,但随着向webkit浏览器的转变Google Chrome已经得到了我的投票。

-3
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 
+2

在DRAGONFLY中:为了添加新的CSS,你只需在其中一个CSS属性上键入return即可。行编号:有CSS样式表的直接锚点。 – karlcow 2011-12-06 02:50:41

+0

蜻蜓看起来很有前途。 1]'新风格'是一种为一个无风格元素添加新的CSS声明的方法(即一个元素在CSS文件中还没有声明),但Firebug的'编辑元素风格'更加直观。 2]关于行号,直接锚点会将您带到CSS文件的顶部,而不是所讨论的样式。同样为了将更改移植到本地CSS文件中,您需要行号。 – kevinsiji 2011-12-07 02:10:29

+1

你正在使用哪个版本的蜻蜓。因为我可以访问直线电话号码。现在在Opera 11.60和Opera Dragonfly:1.2011.10.31.2发布任务2 DFL-2559 版本号:5171:51e826f9ce9e,默认情况下,歌剧蜻蜓1.2011.10.31.2发布任务2 – karlcow 2011-12-07 05:29:32

2

那么我会说蜻蜓比萤火虫好得多。它提供了萤火虫中存在的所有工具,但您只需要弄清楚。有CSS自动完成。但为此,你必须按down key并添加CSS是非常容易的。只要向下滚动到css栏的底部,就会写入new style。而蜻蜓也提供线条样式。在样式声明的右上角。

+0

我唯一找不到的东西蜻蜓相当于Firebug的'DOM'选项卡。 – Cypher 2014-04-07 16:21:17