chrome devtools：修改资源不能正常工作

Question

在Chrome中，您可以在线编辑资源，Chrome会生成该资源的修订版。这里的文档：http://code.google.com/intl/en-US/chrome/devtools/docs/elements-styles.html#persist

不幸的是，它不在这里工作，我不知道如何启用它。无法在资源标签中展开文件以查看修订版。

在MacOS上使用Chrome 15.0.874.121。我的一位同事尝试了开发者渠道，但它仍然不在那里。但是我在Google开发者日看到了它的一个演示。

Answer 1

这也适用于15.0.874.121 - 只需双击资源面板中的CSS或JS文件的文本内容，键入内容并按Cmd + Enter。您将看到添加的线条显示为绿色背景，左侧的编辑资源将变为可扩展。

Answer 2

或者，如果资源是可编辑的，则开发人员通道在资源内容下面具有“编辑”按钮（带点的铅笔）。您可以点击它来切换资源编辑。

Answer 3

它可以在ToT和开发通道17.0.942.0 dev上正常工作。 该场景。

1. 开检查的脚本面板
2. 开始使用双击
3. 编辑保存修改用CMD + S
4. 从编辑模式可选退出按Shift-Enter
5. 开放资源小组
6. 点击右箭头符号接近编辑的文件。