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. 點擊右箭頭符號接近編輯的文件。