javascript - Chrome JavaScript 调试 - 如何通过代码保存页面刷新或中断之间的断点？

Question

当使用 Chrome 和它的 JavaScript 调试器时，每次我重新加载我的页面/脚本时，我的断点都会丢失，我必须在弹出窗口中找到脚本文件，找到我的断点的代码行，单击添加它等。

有没有一种方法可以保存这些断点，以便即使在页面刷新后它也会中断(我用过的其他调试器这样做)？

或者，在我的 JavaScript 代码中是否有一种干净的方法可以让我输入一些内容来告诉 chrome 开始跟踪(在一行上暂停)？

Answer 1

你可以放一个

debugger;

在大多数 JavaScript 环境中中断。他们肯定会坚持下去。如果您正在使用这些，最好有一个 minifier 来消除生产环境的调试器和 console.log 调用。

在最新版本的 Chrome 浏览器中，控制台面板顶部过滤器旁边有一个“保留日志”选项。在旧版本中，右键单击空的控制台窗口将显示该选项(“导航时保留日志”)。当您没有 console.log 语句或硬编码调试器调用时，它会很方便。

更新:我在github上找到了一个工具，叫做chimney ，它获取一个文件并删除所有 console.log 调用。它很好地说明了如何删除调试器调用。