Chrome Dev Tools - 修改 JavaScript 并重新加载

这是一个解决方法，但你可以实现这个目标的一种方法是在要操作的javascript文件或块的开头添加一个断点。

然后，当您重新加载时，调试器将暂停在该断点上，您可以对源进行任何所需的更改，保存该文件，然后通过修改后的代码运行调试器。

但正如大家所说，下次重新加载更改将消失 - 至少它允许您运行一些稍微修改过的JS客户端。

好消息，修复程序将于2018年3月推出，请参阅此链接：https://developers.google.com/web/updates/2018/01/devtools

“本地覆盖允许您在DevTools中进行更改，并在页面加载期间保留这些更改。以前，在重新加载页面时，您在 DevTools 中所做的任何更改都将丢失。本地覆盖适用于大多数文件类型

它是如何工作的：

• 指定 DevTools 应保存更改的目录。当您在 DevTools 中进行更改时，DevTools 会将修改后文件的副本保存到您的目录中。
• 重新加载页面时，DevTools 将提供本地修改后的文件，而不是网络资源。

设置本地覆盖：

1. 打开“源”面板。
2. 打开覆盖选项卡。
3. 单击“安装程序替代”。
4. 选择要将更改保存到的目录。
5. 在视区顶部，单击“允许”以授予 DevTools 对目录的读取和写入访问权限。
6. 做出你的改变。

更新（2018年3月19日）：这是实时的，详细的解释在这里：https://developers.google.com/web/updates/2018/01/devtools#overrides