6

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

我可以看到有些人会喜欢这个，但我喜欢尝试很多风格。如果我喜欢我的更改，我会保存它们。如果我不这样做，我会把它们扔掉。事实上，它会在我执行更改的那一刻自动保存更改，所以我经常担心搞砸我的页面并失去其原始状态。我不再可以自由地进行实验，而不必担心丢失我的原始页面。

有没有办法配置 Chrome，以便我在元素选项卡中所做的更改在我告诉它们保存之前不会保存？或者也许有一个选项可以在网页加载时将更改恢复到它们的状态？有其他解决方案吗？您如何处理 Chrome 中的实验？

4

3 回答 3

1

我知道这篇文章有点老了，但想把我发现的东西传递给我，看看你是否也发现了任何新信息......

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

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

目前我大部分时间都在使用带有网络映射的 Chrome，然后如果我想玩，我会使用没有工作区或映射设置的 chrome canary，所以我可以毫无问题地玩。

希望这会有所帮助，如果您找到更好的解决方案，请告诉我。干杯，

于 2014-07-29T17:40:45.620 回答
0

尝试本地修改。它应该完成这项工作。

于 2013-09-23T18:16:05.873 回答
0

尝试撤消功能（元素面板中的Ctrl+将撤消上次更改，+将重做上次撤消的更改）。撤消堆栈的深度足以涵盖大多数用例。ZCtrlY

于 2013-09-24T18:27:40.673 回答