维护 JS 调试代码 & 重新加载浏览器

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 时，它们也将保存到磁盘中。 如果您的网络服务器从该文件夹中提供这些文件，那么您将在重新加载后获得更改后的文件。