Firefox DevTools具有Chrome DevTools沒有的獨特功能，反之亦然？

Question

現在，Firebug is fading away，Firefox的用戶是asked to switch over to the Firefox Developer Tools。

因此，我想知道哪些Firefox DevTools具有Chrome DevTools不提供的功能？

你能給我一個這個問題的客觀答案嗎？

Answer 1

從docs：

DOM屬性查看器 檢查頁面的DOM性能，功能等 （你會注意到對象的屬性通常不會在Chrome的控制檯中列出的，你永遠不會知道body.innerHTML存在，看着在控制檯「document.body的」。）

開發工具欄 的命令行界面的開發工具。

着色器編輯器 查看和編輯WebGL使用的頂點和片段着色器。

網絡音頻編輯器 檢查音頻節點在音頻方面的圖形，並修改其參數。

截取屏幕截圖 採取整個頁面或單一元件的屏幕截圖。

在設置面板中的一些額外的工具：

• 測量頁面的一部分

• 便籤

網絡面板顯示每個事業的堆棧跟蹤網絡請求，在Chrome中，您必須通過網絡請求的控制檯日誌並找到並將其展開。此外，如果碰巧返回了html，則可以看到xhr響應的實際預覽（在預覽選項卡中）。

也許最有用的是，檢查員在每個元素旁邊顯示（ev）旁邊的事件監聽器，並直接列出將事件監聽器添加到其中的所有內容。 （比Chrome的事件標籤上市向右更好。）

Answer 2

火狐DevTools

據我所看到的，Firefox的開發者工具（如火狐54.0.1的）有很多小衆的功能在Chrome瀏覽器開發者工具（從Chrome 59.0開始），即非常特定的工具，大概是由一小部分人使用的。除了這些特殊工具之外，Firefox開發人員工具還具有Chrome開發人員工具缺失的幾個核心功能。

不同的特點是：

• 帆布編輯
• 網絡音頻編輯器
• 着色器編輯
• 開發人員工具欄（圖形化命令行）
• 便籤
• DOM查看器
• 頁的統治者
頁面
• 選項的3210個
• 截圖工具
• 字體督察
• 測量部分切換瀏覽器的風格
• 螢火蟲主題
• I幀之間切換
• 工具調試瀏覽器顯示UI
• 單個網絡請求的安全信息
• 網絡緩存比較

的Chrome DevTools

中的Chrome DevTools（如鉻59.0）的有關於標準的工具，更多的功能，其提供的其他利基工具。

這些功能包括：

• DOM和XHR斷點
• 事件偵聽器面板
• 屬性面板
• 安全督察
• 審計
• 觸摸仿真和像素密度的器件仿真
• 在Sou中實時編輯的RCE面板
• 工作區
• 網絡請求阻擋
• 先進的存儲工具
• 清單，服務人員&應用程序緩存檢查
• 滾動性能問題熒光筆米每秒
• CSS媒體仿真
• 框架
• 全局文件搜索
• 代碼覆蓋分析
• 地理位置，方向和觸摸仿真

而且，他們在許多較小的特點，並在其設置不同。