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

我使用GoogleChromeDev工具对JavaScript进行故障排除或调试。我添加断点并使用手表，但很多时候在脚本中到处插入

console.log（value）

就很方便了

问题是，当必须刷新页面以查看JS更改（以及

console.log（）

调用）时，页面重新加载时，

console.log（）

调用已被删除。显然这是因为我没有编辑实际的源文件本身

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

在很多情况下，我都在看别人的JS，学习和理解它，所以编辑源代码甚至是不可能的。其他时候，在编写自己的代码时，我可能正在实时服务器上调试JS代码，编辑源代码以放入随机

console.log（）

，这是不可取的

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

。 它允许您将磁盘上的源文件映射到页面的脚本。 因此，当您将更改应用到页面的javascript时，它们也将保存到磁盘上。

---

如果您的web服务器从此文件夹提供这些文件，则重新加载后您将获得更改的文件。

您可以设置一个脚本，定期将文件同步到web服务器。或者在sshfs的帮助下通过ssh装载服务器文件夹。（我自己从未尝试过。）我希望在devtools中有一个选项，在刷新时从链接的工作区加载文件，而不是从服务器接受这些文件。这样，您就不需要为了调试而直接访问服务器。