在Chrome Inspector中远程实时编辑JavaScript代码

Question

我正尝试使用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"

请注意，我正在使用远程代码（不是尝试更改本地文件），并且已安装开发人员工具扩展。有谁可以帮助我吗？

- Ben Pearce

---

你找到解决方案了吗？ - sudeepdino008

@sudeepdino008 - 请查看我的答案，您仍然可以添加代码并使浏览器运行它，而无需将其保存到磁盘。 - BornToCode

Answer 1

因为你显然无法访问远程js文件，所以更改未保存到磁盘，但当javascript到达这些代码行时，更改将生效。

您可以在要动态添加代码的位置之前添加断点，重新加载页面，添加所需的代码，点击ctrl-s。忽略有关文件系统的警告并享受吧。

因此，您可以按照这些步骤进行操作，只需忽略警告即可。

- BornToCode

Answer 2

如果有人偶然发现这篇文章，像我一样...

对于本地文件

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

sudo google-chrome --no-sandbox

然后您可以在开发者工具中保存文件。

- Ben Winding

Answer 3

更新：根据下面的链接，文档已经移动到这里。

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

- jaredwilli

---

工作区已知与以下框架不兼容： Create React App - goamn