在Chrome Inspector中实时编辑远程JavaScript

时间:2014-09-26 21:15:54

标签: javascript google-chrome debugging google-chrome-devtools web-inspector

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

任何人都可以帮助我,请记住我正在使用远程代码(而不是尝试更改本地文件),并且我确实安装了开发人员工具扩展程序。

3 个答案:

答案 0 :(得分:3)

更改未保存到磁盘,因为您显然无法访问远程js文件,但是当javascript到达这些代码行时它们将生效。

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

因此,您可以关注these steps并忽略警告。

答案 1 :(得分:1)

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

对于本地文件

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

sudo google-chrome --no-sandbox

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

答案 2 :(得分:0)

更新:根据以下链接,文档已移至here

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