歌劇蜻蜓與螢火蟲

Question

我是Opera用戶瀏覽和Firefox用戶開發。簡而言之，如果沒有Firebug，任何其他工具都不適合我。來自Opera的Geeks經常提供使用Dragonfly，其目的幾乎與Firebug（JS調試器，DOM/CSS檢查器，JS控制檯，頁面加載分析等）相同。我試過蜻蜓，但因爲以下原因返回到Firebug：

• Firebug加載速度比蜻蜓快（當檢查元素時）;
• 蜻蜓沒有（或我沒有找到）如何快速禁用CSS的一些屬性。在FB上，您只需點擊道具旁邊的圖標即可。 它已經有了。

我很感興趣沒有人使用Dragonfly而不是ob或其他工具？爲什麼不）？這兩種工具有什麼主要區別？

Answer 1

您可能會也可能不知道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

但是，我的用例是調試任意一個隨機頁面，而大多數人的用例是調試自己很好格式化的腳本:)

Answer 2

我使用所有瀏覽器的開發工具！即使對於Internet Explorer，也有額外的開發人員下載！

問題是：它不是因爲一件事情在Firefox中起作用，它在IE6,7,8，Opera和Chrome中起作用。

我喜歡的互聯網exlporer工具是你可以選擇你正在調試的版本。所以你不需要下載收集包（因爲6和7幾乎相同）

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

Answer 3

必須在那裏達成一致，我花了90％的時間在ie中工作，並且能夠使用ie開發人員工具呈現ie7或8，這是一項巨大的獎勵。

當談到ie6我傾向於通過spoon.net啓動它，然後使用firebug lite小書籤破解掉，但是現在你已經有了一個大概的想法，你先來。

......不幸的是，在金融工作中，很多用戶會在ie6上停留相當長的時間，所以您只需要使用它。

個人我正在嘗試其他調試器，看看他們是否比螢火蟲更好，但到目前爲止，他們還好，但隨着向webkit瀏覽器的轉變Google Chrome已經得到了我的投票。

Answer 4

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 

Answer 5

那麼我會說蜻蜓比螢火蟲好得多。它提供了螢火蟲中存在的所有工具，但您只需要弄清楚。有CSS自動完成。但爲此，你必須按down key並添加CSS是非常容易的。只要向下滾動到css欄的底部，就會寫入new style。而蜻蜓也提供線條樣式。在樣式聲明的右上角。