Chrome的Firebug

Question

任何人都可以推薦一個類似於Firebug的谷歌瀏覽器的擴展嗎？我確實看到這裏有幾個類似的問題，但答案似乎過時了。

謝謝！

Answer 1

您可以使用firebug lite。但Chrome已經擁有比它更好的開發工具。

Answer 2

它的建成。按Ctrl鍵+移+我。 （或工具>菜單中的開發人員）

Answer 3

您可以爲Chrome添加Firebug Lite作爲擴展

Answer 4

Chrome的開發者工具已經在過去的一年很長的路要走。它需要一點調整，我一直困惑，所以我在我的盒子上開發了一個測試頁面，我將它們並排放置，左側顯示器上放置了螢火蟲，右側放置了開發工具。

我經歷了一遍，弄清楚它們究竟有什麼不同。我稍後才意識到，Chrome與Firebug的組織方式有些不同。事實證明，在我習慣了它之後，我喜歡開發工具的方式比螢火蟲更多。

1. 我以前有很多關於開發工具元素部分的抱怨，但現在它看起來幾乎和螢火蟲一樣。我可以快速點擊檢查元素，並正確地擴展節點，將我帶到我想要的節點。

2. 開發工具中的資源選項卡將螢火蟲的淨選項卡吹出水面。我認爲組織起來會更好。您可以在資源列表中預覽圖像，並且您可以實際看到哪些元素是透明的，因爲chrome會將棋盤放在圖像後面（您可以在螢火蟲中預覽圖像，但只能在懸停在請求節點上時，討厭）。 此外，你可以雙擊資源，鉻會彈出它們在一個新的選項卡，非常好，當我調試AJAX調用，並需要在瀏覽器中看到格式化的異常錯誤，而無需手動輸入我的Ajax網址。

3. 行號。在螢火蟲中查找行號非常困難，您無法爲某些內容做到這一點。每次查看DOM，CSS，腳本等時，您都會在左側獲得全面的行號規則。腳本部分中唯一的地方是螢火蟲。

4. firebug和dev工具都有一個全面的javascript調試器。但是，如果不在開發工具中刪除它們，則停用斷點是非常有用的，我會不斷使用它。你可以在螢火蟲中做到這一點，但你必須爲每個斷點取消一個方框，令人煩惱。

5. 我喜歡JSONObjects只是作爲資源與其他所有東西一起出現，而不是擁有自己的部分。通過快速瀏覽可以輕鬆查看正在發生的事情。

---

至於我可以告訴一切似乎是相同的。我真的找不到任何螢火蟲比開發工具更好的東西。通常當我認爲開發工具缺乏螢火蟲功能時，事實證明它只是在不同的地方或以不同的方式實施。兩者都有全面的控制檯顯示。兩者都支持將工具彈出到單獨的窗口中。兩個都支持多個標籤的多個實例。 Chrome甚至在這些之上還有額外的功能。檢查緩存，cookies等存儲的能力。開發工具似乎爲我贏得了勝利。

如果你想要一個非常棒的chrome調試器，我強烈建議你使用擴展名來熟悉開發工具。

對不起，我的回答太長了。我可能會寫一個博客做一個更全面的比較。