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

Chrome覆盖

在sources面板中打开JS文件。

右击脚本src URL >显示在源代码面板

确保选中“启用本地覆盖”。

右键单击JS文件>保存覆盖的任何地方

都准备好了!

只需编辑文件，并使用CMD/CTRL + s保存。现在无论何时刷新页面，它都会使用修改后的文件。(只要文件名不变)

如果您在文件图标中看到一个紫色的点，您就知道它正在工作。

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

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

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

你可以在Chrome中使用“Overrides”来保存页面加载之间的javascript更改，即使你没有托管原始源代码。

在开发人员工具> Sources > Overrides下创建一个文件夹 Chrome浏览器会请求访问该文件夹的权限，单击允许 在Sources>Page中编辑文件，然后保存(ctrl-s)。紫色点表示文件保存在本地。

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

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