如何阻止 Chrome 儲存 CSS 變更?

如何阻止 Chrome 儲存 CSS 變更?

我的檔案系統連接到了 Chrome,我想這就是它保存我的 CSS 變更的原因。

但我不想這樣。

如何告訴 Chrome「忘記」我在「樣式」窗格中所做的更改?我不想重建我的應用程式來恢復我的 CSS。

注意:我在設定中關閉了快取。這不是快取問題,它將我的 CSS 更改保存到我的文件中。


更多資訊

例如,我正在使用 bootstrap,所以我有一個form-group類別。許多原始碼都被編譯為最終的 CSS,稱為app.css.表單群組在樣式窗格中看起來像這樣:

然後我想嘗試一些改變,我這樣做:

看起來很糟糕,我想重新開始,所以我重新加載頁面,但我未選中的規則仍然未選中。

我嘗試了很多事情,包括關閉瀏覽器,並在新的、完全不同的瀏覽器中重新打開我的網站,但更改仍然存在 - 兩個規則仍然被劃掉。

查看編譯後的app.css,您可以看到這些規則已被註解掉並儲存:

如何告訴 Chrome 不要儲存我的 CSS 變更?

答案1

我發現的一個解決方案 - 儘管每次重建應用程式時都必須重做 - 是從檔案系統中排除該資料夾來源窗格中的資料夾。

我發現做到這一點的最簡單方法是

  1. 查看Style Pane中的CSS規則,點選css檔:

    在此輸入影像描述

  2. 這將帶您到來源窗格中的 css 檔案。右鍵單擊檔案的選項卡,然後按一下在側欄中顯示:

    在此輸入影像描述

  3. 然後它將在“檔案系統”窗格中顯示該資料夾。右鍵單擊該資料夾並選擇“排除資料夾”。

相關內容