首頁 > web前端 > css教學 > 如何永久保存在 Chrome 樣式面板中所做的 CSS 變更?

如何永久保存在 Chrome 樣式面板中所做的 CSS 變更?

Barbara Streisand
發布: 2024-12-28 03:22:10
原創
368 人瀏覽過

How Can I Permanently Save CSS Changes Made in Chrome's Styles Panel?

在 Chrome 的樣式面板中保留 CSS 更改

Chrome 的開發者工具允許在樣式面板中方便地內聯編輯 CSS 樣式。不過,本文探討如何永久保存這些更改,因為該功能本身並不可用。

本機工作區整合

現代 Chrome 版本引入了工作區功能,啟用將本地資料夾新增至工作區。這允許將網路資源映射到本地資源,包括 CSS 檔案。

  1. 導覽至「來源」面板並右鍵點選左側檔案清單面板。
  2. 選擇「新增資料夾」到工作區。 」
  3. 授予Chrome 存取該資料夾的權限。
  4. 將所需的網路資源(CSS 檔案)對應到其本地

對本地CSS 檔案所所做的更改現在將反映在開發工具中,保存檔案(CTRL S)將永久保留它們。本機Workspace 整合提供了保留CSS 變更的全面解決方案,無需外部加載項。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板