javascript - chrome 调试器跳过断点，扩展开发

Question

我正在尝试弄清楚如何在 chrome 中开发扩展，并从显而易见的开始:adblock plus。

但我注意到一些非常令人不安的事情:断点被跳过。

如您所见，我在 console.log("Was here 00 " + timeStamp()); 行设置了一个断点但消息仍然打印到屏幕上。

我希望 Javascript 解释器在断点处中断。显然这没有发生。

我不明白这个。有人可以揭开这个谜团吗？

在此先感谢您的帮助。

Answer 1

我不完全确定为什么断点并不总是被击中，但我怀疑这可能是 JS 引擎的一些计时问题。确定地找出答案会很有趣。我找到了一个应该有帮助的解决方法:

1. 在您进行日志记录调用的地方添加一个debugger 语句。这总是被击中。它在代码中，因此没有时间问题。

2. 在您将进行日志记录调用的下方的行中，添加 Conditional Breakpoint通过右键单击行号并选择“添加条件断点...”。无需使用实际条件，只需注入(inject)控制台语句即可。

   例如，console.log("The time is "+ new Date());

现在，当您加载页面时，调试器将在 debugger 语句处中断，然后一旦您继续执行，就会出现控制台日志。