如何在本機儲存在 Chrome DevTools 中所做的 CSS 變更？

儲存透過Chrome DevTools 樣式面板所做的CSS 變更

使用Google Chrome 開發者工具中的樣式面板處理本機CSS 檔案時，使用者可能會遇到更改未反映在資源面板中的問題。本文提供了此問題的解決方案。

為了在本地保存 CSS 更改，Chrome 允許您將本機資料夾整合到工作區中。以下是逐步指南：

1. 將資料夾新增至工作區： 在DevTools 的「來源」面板中，右鍵點選左側面板，然後選擇「將檔案夾加入工作區」 ."
2. 允許Chrome 權限： 授予Chrome存取已新增的權限
3. 映射資源：導覽至網路標籤，右鍵點選CSS 檔案路徑，然後選擇「對應到本機」。一旦您映射資源後，Chrome 將在頁面重新載入時優先載入映射檔案的本機版本。快速鍵來儲存變更。 DevTools：

LiveReload：

偵測CSS更改並自動重新載入瀏覽器視窗。 重新載入CSS： 一個極簡擴展，讓您只需點擊一下即可重新載入CSS 檔案。

以上是如何在本機儲存在 Chrome DevTools 中所做的 CSS 變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！