在 Chrome 开发者工具中禁用 CSS 更改的自动保存答案

【问题标题】：Disable automatic saving of CSS changes in Chrome Developer Tools在 Chrome 开发者工具中禁用 CSS 更改的自动保存
【发布时间】：2013-05-23 16:26:30
【问题描述】：

我指的是 Chrome 开发工具的“源”面板中的保存功能。我在 Chrome 的稳定版本中使用这个功能很长时间了，但是从开发者频道安装构建后，我注意到一旦我第一次保存文件，Chrome 不再提示我保存，而是每次更改后它都会自动生成。

这很痛苦，因为我在调试时在开发工具中进行了很多我不想保存的实验性更改，我希望 Chrome 仅在我明确告诉它时才保存文件。

有人知道是否有办法禁用这种自动 CSS 保存功能吗？

（抱歉没有截图，当我在上下文菜单中时，我的 PrtScn 键似乎无法操作）

更新：

我已恢复到当前的稳定版本 27.0.1453.93，并且行为似乎相同。

【问题讨论】：

你最终解决了这个问题吗？
唉，在阅读了 Google 开发关系人员的一篇帖子后，我了解到无法禁用自动保存，看来这就是它要保留的方式。 html5rocks.com/en/tutorials/developertools/revolutions2013
是的，同样的问题。这是一个很棒的功能，但我们需要一种方法来暂时禁用它（这比完成取消映射/重新映射的整个过程更容易），以便能够进行一两次测试。另外，Chrome 中的一个错误会破坏我样式表中的 unicode 字符，因此在保存几次后，我必须手动修复这些字符。
+1 全有或全无是相当残酷的。您应该能够不时告诉 Chrome“我正在测试，不要保存”，或者按一下按钮而不是自动保存。

标签： google-chrome google-chrome-devtools

【解决方案1】：

虽然没有直接解决问题，但这是一个不错的解决方法：

在 Chrome 中，您可以在 CSS 检查器中单击并按住 + 按钮，然后选择将更改添加到检查器样式表。它不像直接在你的css-selectors中编辑那么方便，但是你写的东西都会在inspector-stylesheet.css中，所以不会保存到你的项目中。然后，当您对更改感到满意时，可以手动将它们放入您的 CSS。

【讨论】：

【解决方案2】：

我遇到了同样的问题，我只能提供解决方法：使用其他浏览器（例如 Firefox）进行测试！

或者，您可以使用不同的配置文件启动另一个 Chrome 实例。您也可以启动 Chrome“隐身窗口”，它似乎没有应用文件系统映射。

我通常使用隐身窗口或内联样式来测试更改。

【讨论】：

您必须回复解决方案，而不是解决方法。可以通过从源选项卡中的工作区中删除文件夹来实现

【解决方案3】：

唉，我是在阅读了 Google 开发关系人员的帖子后才知道的无法禁用自动保存，似乎就是这样它会留下来。 html5rocks.com/en/tutorials/developertools/revolutions2013

– tommypyatt 2014 年 2 月 21 日 14:22

【讨论】：