在 Chrome Inspector 中实时编辑远程 JavaScript答案

【问题标题】：Live Editing Remote JavaScript in Chrome Inspector在 Chrome Inspector 中实时编辑远程 JavaScript
【发布时间】：2014-11-21 23:44:37
【问题描述】：

我正在尝试使用 Google Chrome 检查器调试远程 javaScript。我记得过去能够：

1) Edit remote javascript using Chrome Inspector

2) 'Save' the change using (cmd + s)

3) Test the effect the the altered javaScript on the page

现在，当我尝试“保存”更改时，我会在“选项卡”中看到一个黄色警告图标

"Changes to this file were not saved to the file system"

谁能帮我解决这个问题，请记住我正在使用远程代码（不是试图更改本地文件）并且我确实安装了开发者工具扩展。

【问题讨论】：

【解决方案1】：

更新：根据下面的链接，文档已移动 here。

您必须设置工作区才能执行此操作。阅读有关如何使用 Workspaces 的文档：https://developer.chrome.com/devtools/docs/workspaces

【讨论】：

【解决方案2】：

更改没有保存到磁盘，因为您显然无法访问远程 js 文件，但它们会在 javascript 到达这些代码行时生效。

你可以在你想要动态添加代码的地方之前添加断点，重新加载页面，添加你想要的代码，点击ctrl-s。忽略您提到的有关文件系统的警告并享受。

所以你可以关注these steps 并忽略警告。

【讨论】：

【解决方案3】：

对于任何偶然发现这一点的人，就像我一样......

对于本地文件

您可能需要以管理员身份运行 chrome。或者在我的情况下（Ubuntu）作为 root 用户。

sudo google-chrome --no-sandbox

然后您可以将文件保存在 devtools 中。

【讨论】：