通过 Chrome 的开发工具编辑资源时，有没有办法观察 keyup 事件？

【问题标题】：Is there a way to watch for the keyup event when editing a resource via Chrome's dev tools?通过 Chrome 的开发工具编辑资源时，有没有办法观察 keyup 事件？
【发布时间】：2015-04-07 15:28:39
【问题描述】：

我正在创建一个 Chrome 扩展程序，允许人们通过 Chrome 的检查器同时编辑相同的资源。现在只有在通过chrome.devtools.inspectedWindow.onResourceContentCommitted.addListener 保存时才会同步所有内容，但最好能实时复制彼此的操作。

由于它是相关的，我可能还应该询问是否可以以编程方式更新资源（如 Chrome 的开发工具中所示），以便反映更改。我想我可以强制重新下载资源，但区分和应用补丁会更有效率。

【问题讨论】：

标签： javascript google-chrome google-chrome-extension google-chrome-devtools

【解决方案1】：

我不相信有用于实时更改的 API，没有。

您可以使用resource.setContent 进行更新。查看 fb-flo 项目或 Emmet LiveStyle alpha 以进行实施。

【讨论】：

酷，谢谢！我正在考虑使用System.delete，然后使用System.define，但resource.setContent 似乎会在代码运行时增加一些灵活性（尽管我还没有检查过）。
另外，是否可以创建一个扩展检查器本身而不是主窗口的扩展，因为检查器本质上是它自己的页面，使用 HTML/CSS/JS，导入本机图书馆等？我知道有些方法设计用于添加面板、按钮等，但是能够扩展默认文本编辑器 (CodeMirror) 的功能会很酷。
我们正在考虑这些扩展点。目前没有可用的，但希望很快。