如何永久保存在 Chrome DevTools 中所做的 CSS 變更？

從 Chrome 開發者工具樣式面板中保留 CSS 變更

問題陳述：

無法儲存在Google Chrome開發者工具的樣式面板，儘管文件表明它應該在資源中可見

解決方案：

Chrome 現在提供了將本地文件夾添加到其工作區的功能。透過利用此功能，您可以將 Web 資源對應到本機資源，並直接從開發人員工具儲存 CSS 變更。

步驟：

1. 將資料夾加入工作區：

   將資料夾加入工作區：
   • 導航到開發人員工具的「來源」面板。
   右鍵點選左側面板，然後選擇「將資料夾新增至工作區」。
2. 選擇包含 CSS 檔案的資料夾。
   • 授予 Chrome存取：
   將出現一條提示，請求存取該資料夾的權限。
3. 授予 Chrome 存取權限。
   • 將網路對應到本地資源：
   • 重新載入頁。
   • 在來源面板中找到對應的映射檔。
   右鍵點選檔案名，然後選擇「映射」到檔案系統資源。 ”
4. 導航到本機檔案並選擇
   • 儲存變更：
   儲存變更：

儲存變更：

• 儲存變更>在對應檔案中進行CSS 變更。儲存

附加說明：您可能需要開啟並編輯映射檔案才能啟動應用程式本地更改變。

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