如何防止 Chrome 保存 CSS 更改?

如何防止 Chrome 保存 CSS 更改?

我的文件系统已连接到 Chrome,我想这就是它保存我的 CSS 更改的原因。

但我不想这样。

如何让 Chrome“忘记”我在“样式”窗格中所做的更改?我不想重建我的应用程序来恢复我的 CSS。

注意:我已在设置中关闭了缓存。这不是缓存问题,它将我的 CSS 更改保存到我的文件中。


更多信息

例如,我正在使用 bootstrap,所以我有一个form-group类。许多源被编译为最终的 CSS,称为app.css。form-group 在样式窗格中如下所示:

然后我想尝试一些改变,我这样做:

看起来很糟糕,我想重新开始,因此我重新加载页面,但我取消选中的规则仍然未被选中。

我尝试了很多方法,包括关闭浏览器,然后在一个完全不同的新浏览器中重新打开我的网站,但变化仍然存在 - 这两条规则仍然被划掉。

查看编译后的版本app.css,您可以看到这些规则已被注释掉并保存:

我如何告诉 Chrome 不要保存我的 CSS 更改?

答案1

我发现一个解决方案 - 尽管每次重建应用程序时都必须重做 - 就是从文件系统中排除该文件夹文件夹。

我发现最简单的方法是

  1. 查看样式窗格中的CSS规则,点击css文件:

    在此处输入图片描述

  2. 这将带您进入源窗格中的 css 文件。右键单击文件的选项卡,然后单击“在侧边栏中显示”:

    在此处输入图片描述

  3. 然后它会在文件系统窗格中显示该文件夹。右键单击该文件夹并选择“排除文件夹”。

相关内容