维护JS调试代码＆amp;重新加载浏览器

Question

我使用Google Chrome开发工具对JavaScript进行问题排查或调试。我添加了断点并使用了手表，但很多时候只需在脚本中插入console.log(value)就可以了。

问题是，当为了查看JS更改（以及console.log()调用）而必须刷新页面时，页面重新加载时已删除console.log()调用。显然这是因为我没有编辑实际的源文件本身。

是否可以维护对JS文件的编辑并仍然重新加载页面？

在很多情况下，我正在寻找其他人的JS，学习和理解它，所以甚至不可能编辑源代码。其他时候，在处理我自己的代码时，我可能会在实时服务器上调试JS代码，编辑我的源代码以随机放置console.log()'s是不可取的。

我知道Dev Tools具有自动保存功能，您所做的更改可以保存实际的源文件（只要文件位于您的计算机可用的文件系统上）。但这对我的情况没有帮助。

Answer 1

There is 'workspace' feature in DevTools。 它允许您将磁盘上的源文件映射到页面的脚本。 因此，当您将更改应用于页面的javascript时，它们也将保存到磁盘中。 如果您的Web服务器从此文件夹提供这些文件，那么您将在重新加载后获得更改的文件。