適用於Chrome的Firebug

Question

任何人都可以向Google Chrome推薦與Firebug類似的合適擴展程序嗎？ 我確實看到在這里有幾個類似的問題，但答案似乎很過時。

謝謝！

Answer 1

它是內置的。按Ctrl + Shift + I。 （或菜單中的工具>開發人員）

Answer 2

你可以使用firebug lite 。 但Chrome已經擁有了不僅僅是不錯的開發者工具。

Answer 3

Chrome的開發者工具在過去一年中取得了很大進展。 調整了一段時間，我一直感到困惑，所以我在盒子上開發了一個測試頁面，我將它們並排放置，左側顯示器上的firebug和右側的dev工具。

我經歷了並確切地知道它們是如何不同的。 我稍后意識到，Chrome與Firebug的組織方式略有不同。 事實證明，在我習慣之后，我比開發工具更喜歡螢火蟲。

1. 我曾經對開發工具的元素部分抱怨很多，但現在它似乎與firebug幾乎完全相同。 我可以快速單擊以檢查元素，它可以正確擴展節點，將我帶到我想要的節點。

2. 開發工具中的資源選項卡將firebug中的網絡選項卡從水中吹出。 我覺得它組織得更好。 您可以在資源列表中預覽圖像，並且實際上可以看到哪些元素是透明的，因為chrome將棋盤放置在圖像后面（您可以在firebug中預覽圖像，但只有當鼠標懸停在請求節點上時，才會討厭）。 此外，您可以雙擊資源，chrome會在新選項卡中彈出它們，非常適合我調試AJAX調用時需要在瀏覽器中查看格式化的異常錯誤，而無需手動輸入我的ajax URL。

3. 行號。 在firebug中查找行號是非常困難的，你不能對某些內容這樣做。 每次查看DOM，CSS，腳本等時，您都會在左側獲得全面的行號規則。 firebug唯一的地方是腳本部分。

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

5. 我喜歡JSONObjects只是作為資源與其他所有內容一起出現而不是擁有自己的部分。 它可以讓您輕松快速查看正在發生的事情。

---

據我所知，其他一切看起來都是一樣的。 我真的找不到任何firebug比開發工具更好的東西。 通常當我認為開發工具缺乏firebug的功能時，它發現它只是在不同的地方或以不同的方式實現。 兩者都有一個全面的控制台顯示 兩者都支持將工具彈出到單獨的窗口中。 兩者都支持多個選項卡的多個實例。 Chrome甚至還有額外的功能。 檢查存儲的能力，如緩存，cookie等。開發工具似乎為我贏得了勝利。

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

對不起我的回答太久了。 我可能會在某個時候寫博客做一個更全面的比較。

Answer 4

您可以添加Firebug Lite for Chrome作為擴展程序