现在谷歌chrome引入了新功能。通过使用此功能，您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)

按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后chrome浏览器会请求你的许可，之后的代码将下沉与绿色。你可以修改你的代码，它也会反映你的代码位置(这意味着它将永久改变)

谢谢

你可以在Chrome调试器中动态编辑javascrpit文件，在Sources选项卡下，但是如果你刷新页面，你所做的更改将会丢失，要在做更改之前暂停页面加载，你需要设置一个断点，然后重新加载页面并编辑您的更改，最后取消暂停调试器以查看更改生效。

现在谷歌chrome引入了新功能。通过使用此功能，您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)

按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后chrome浏览器会请求你的许可，之后的代码将下沉与绿色。你可以修改你的代码，它也会反映你的代码位置(这意味着它将永久改变)

谢谢

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

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

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

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

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

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

下面是我在chrome中编写的js调试器的温和介绍。也许它会帮助其他人寻找这方面的信息:http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/