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

时间:2013-05-28 15:56:59

标签: google-chrome google-chrome-devtools

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

这是一个非常痛苦的事情,因为我在开发工具中进行了大量的实验更改,同时调试了我不想保存的内容,我希望Chrome只在我明确告知时保存文件。

有没有人知道是否有办法禁用这种自动CSS保存?

(没有截图的道歉,当我在上下文菜单中时,我的PrtScn键似乎无法运行)

更新

我已恢复到当前稳定版本,27.0.1453.93,行为似乎相同。

4 个答案:

答案 0 :(得分:2)

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

- tommypyatt 2014年2月21日14:22

答案 1 :(得分:1)

我遇到了同样的问题,我只能提供解决方法:使用其他浏览器(如Firefox)进行测试!

或者,您可以使用其他配置文件启动另一个Chrome实例。您还可以启动Chrome“隐身窗口”,似乎不应用文件系统映射。

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

答案 2 :(得分:1)

虽然不能直接解决问题,但这是一个不错的解决方法:

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

答案 3 :(得分:-1)

这可以解决您的问题

  

开发人员工具(F12)>源>文件系统>从工作区中删除文件夹

Developer Tools (F12) > Sources > FileSystem > Remove folder from workspace