手动而不是使用Chrome工作区自动将css保存在元素标签上？

Question

我刚刚设置了Chrome工作区，但它正在做一些让我的工作流程感到不安的事情。如果我在源选项卡中编辑源文件，它将不会保存它，直到我告诉它 - 这是好的。但是如果我在元素选项卡中编辑样式，它会自动保存它，而不会告诉它。

我可以看到有些人会喜欢这个，但我喜欢尝试很多款式。如果我喜欢我的改变，我会保存它们。如果我不这样做，我就扔掉它们。实际上，它会在我执行更改时自动保存更改，因此我一直担心搞砸我的页面并丢失其原始状态。我不再自由地进行实验而不必担心丢失我的原始页面。

有没有办法配置Chrome，因此在我告诉他们保存之前，我在元素标签中所做的更改不会保存？或者也许有一个选项可以在加载网页时还原对其状态的更改？还有其他解决方案吗？你如何处理Chrome中的实验？

Answer 1

我知道这篇文章有点陈旧，但想传递我发现的内容，看看你是否也找到了任何新信息......

我的工作是从工作区Scss或CSS文件中删除网络映射。然后你仍然可以进入Sources并编辑你的所有文件并直接通过Chrome保存它们但是如果你去ELement.styles窗格并玩那里的样式它们将不会自动保存，如果你刷新页面的东西会恢复正常。

唯一的缺点是，当您在进行更改时在源页面中编辑代码时，它将不会自动重新加载，您必须手动重新加载页面。所以那里有一点折衷。如果您正在使用其他类型的扩展程序，例如LiveReload，那么这对您来说可能不是问题。

目前我大部分时间都在使用Chrome进行网络映射，如果我想玩游戏，我会使用镀铬金丝雀，没有工作空间或映射设置，所以我可以毫无问题地玩游戏。

希望这有帮助，如果您找到了更好的解决方案，请告诉我。欢呼声，

Answer 2

试试Local modifications。它应该完成这项工作。

Answer 3

尝试撤消功能（元素面板中的 Ctrl + Z 将撤消上一次更改， Ctrl + Y 将重做最后撤消的更改）。撤消堆栈足够深，可以覆盖大多数用例。