好消息，修复将于2018年3月发布，请查看这个链接:https://developers.google.com/web/updates/2018/01/devtools

“本地覆盖可以让你在DevTools中进行更改，并在页面加载时保持这些更改。以前，当你重新加载页面时，你在DevTools中所做的任何更改都会丢失。本地覆盖适用于大多数文件类型

工作原理:

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

设置本地覆盖:

打开Sources面板。 打开Overrides选项卡。 单击安装程序覆盖。 选择要将更改保存到的目录。 在视图的顶部，单击允许，给予DevTools对目录的读写访问权。 做出你的改变。”

更新(2018年3月19日):这是现场，详细解释在这里:https://developers.google.com/web/updates/2018/01/devtools#overrides

这是一种迂回方法，但实现这一点的一种方法是在想要操作的javascript文件或块的开头添加断点。

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

但正如每个人都说过的，下一次重新加载更改就会消失——至少它可以让你运行一些稍微修改过的JS客户端。

好消息，修复将于2018年3月发布，请查看这个链接:https://developers.google.com/web/updates/2018/01/devtools

“本地覆盖可以让你在DevTools中进行更改，并在页面加载时保持这些更改。以前，当你重新加载页面时，你在DevTools中所做的任何更改都会丢失。本地覆盖适用于大多数文件类型

工作原理:

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

设置本地覆盖:

打开Sources面板。 打开Overrides选项卡。 单击安装程序覆盖。 选择要将更改保存到的目录。 在视图的顶部，单击允许，给予DevTools对目录的读写访问权。 做出你的改变。”

更新(2018年3月19日):这是现场，详细解释在这里:https://developers.google.com/web/updates/2018/01/devtools#overrides

是的，你可以很容易! 源->文件系统->选择容器文件夹->允许访问->打开您的文件，编辑并保存。 https://www.delftstack.com/howto/javascript/edit-javascript-in-the-browser/

资源覆盖扩展可以让你做到这一点:

为要替换的url创建一个文件规则 编辑扩展中的js/css/etc 重新加载就像你想要的:)

在devtools首选项中检查“启用本地覆盖”。 转到网络选项卡，找到你想编辑的文件，右键单击它，选择Save for overrides(在sources/overrides选项卡上，你需要添加一个本地文件夹) 该文件出现在Sources选项卡上的一个新选项卡中，作为本地副本，因此您可以编辑该文件，并且在站点重新加载后，新的(编辑过的)覆盖文件将在站点上加载!