是否可以在 Firefox 開發人員工具中查看所有編輯過的樣式？

Question

我首選的 CSS 工作流程（至少在調整現有 CSS 時）是使用 3 面板 Inspector 面板直接在瀏覽器中進行編輯，然后將編輯后的樣式復制到我的樣式表中。

有時我會編輯許多元素的樣式，而忘記我編輯了一些元素（因為您只能通過准確選擇該元素並查找左側帶有綠色條的規則來查看它是否已編輯 AFAICT）。 然后我將無法手動將該元素的樣式更改復制到我的樣式表，並且在重新加載時丟失更改。

有什么地方可以看到我使用 Inspector 編輯樣式的所有地方——包括添加新規則——以便我可以一次復制它們？

Answer 1

這目前僅在 Firefox Nightly 中可用。 在about:config中將devtools.inspector.changes.enabled設置為 true。 這將在開發工具中創建一個“更改”選項卡，其中包含一個類似 Git 的面板，顯示您的所有更改。