如何在chrome webdeveloper工具中对Javascript进行实时更改？

我试图弄清楚如何对javascript进行更改，然后用新的javascript更改重新加载页面，就像动态更改CSS和html一样。我知道javascript实际上需要重新加载页面，但问题是一旦重新加载页面，就会在服务器上重新下载原始javascript

---

那么，我如何动态修改javascript，以便在不必将其上传到服务器的情况下，使用新的javascript更改测试设计呢

也许你想用这个？使用它就像打开开发人员工具一样简单，转到“源代码”面板，然后使用Ctrl/Cmd+Shift+O找到要编辑的脚本。然后单击“暂停”按钮暂停调试，根据需要修改脚本，然后按Ctrl/Cmd+S保存修改，最后单击“暂停/恢复”按钮继续执行。

使用本地开发服务器。我只是想了解如何使用chrome开发工具对javascript进行更改。这就是我要寻找的。虽然如果我试图更改在页面加载时运行的javascript，会怎么样？有没有办法在脚本执行之前自动中断？所以我可以进行更改吗？@user163218您可以在JavaScript文件的最顶端添加一个断点。@user1632018您也可以通过单击“源”面板左侧的行号并重新加载页面来为脚本添加断点。因为这就是你要寻找的，请随意接受它作为答案。这里的问题是，当我重新加载页面时，chrome会重新下载javascript文件，覆盖我所做的更改。似乎我只能对加载页面后运行的脚本进行更改。你能确认这个方法有效吗？如果是这样的话，那一定是我这边的缓存问题。