很简单，转到“脚本”选项卡。然后选择你想要的源文件，双击任意一行进行编辑。

由于这是一个非常流行的关于JS实时编辑的问题，我想指出另一个有用的选项。正如svjacob在他的回答中所描述的:

我意识到我可以在我想动态编辑的代码行之前，在调试器中附加一个断点。由于断点在重新加载页面后仍然存在，所以我可以在断点暂停时编辑我想要的更改，然后继续让页面加载。

上面的解决方案对我来说并不适用于相当大的JS (webpack bundle - 3.21MB缩小版，美化版130k行代码)- chrome崩溃，并要求重新加载页面，恢复任何保存的更改。在这种情况下的方法是Fiddler，你可以设置自动响应选项来替换任何远程资源与任何本地文件从你的计算机-参见这个SO问题的详细信息。

在我的情况下，我还必须添加CORS头提琴成功模拟响应。

Chrome DevTools有一个片段面板，你可以创建和编辑JavaScript代码，就像你会在一个编辑器，并执行它。 打开DevTools，然后选择Sources面板，然后选择Snippets选项卡。

https://developers.google.com/web/tools/chrome-devtools/snippets

这就是你要找的东西:

1.—进入“Source”页签，打开javascript文件

2.-编辑文件，右键单击，弹出菜单:单击“保存”，保存到本地。

为了查看差异或恢复您的更改，右键单击并选择选项“本地修改…”菜单上的。如果展开显示的时间戳，您将看到您的更改相对于原始文件有所不同。

更多详细信息请访问:http://www.sitepoint.com/edit-source-files-in-chrome/

我今天偶然发现了这个，当时我正在浏览别人的网站。

我意识到我可以在我想动态编辑的代码行之前，在调试器中附加一个断点。由于断点在重新加载页面后仍然存在，所以我可以在断点暂停时编辑我想要的更改，然后继续让页面加载。

所以作为一个快速的解决方法，如果它适合你的情况:

在脚本中较早的位置添加断点 重新加载页面 将更改编辑到代码中 CTRL + s(保存更改) 取消暂停调试器

如果它的javascript运行在一个按钮点击，然后在Sources>Sources(在chrome开发人员工具中)下进行更改，并按Ctrl +S保存，就足够了。我一直都这么做。

如果你刷新页面，你的javascript更改会消失，但chrome仍然会记住你的断点。