在浏览器中添加 console.log 或等效文件

Question

例如，在 Chrome 开发工具中，很容易在网站的 Javascript 中设置断点。当您在断点处停止时，很容易注销断点范围内的任何变量的值，您甚至可以使用监视表达式来自动完成此操作。

但是，我想要做的是从浏览器中将控制台日志记录添加到脚本中，这样我就可以查看值而无需在断点中停止脚本的执行。

我的用例是，在开发时，我会经常使用控制台日志进行调试。我可能会添加一个控制台日志，编译，启动我的开发服务器，导航到应用程序中执行代码的位置，并观察日志。但是，对于我团队的工作流程，能够添加额外的日志而无需重新编译等会很有用。 有没有办法在 Chrome 中做到这一点？

Answer 1

从 Chrome 73 开始，您可以使用Logpoints，它们基本上是不间断的断点，只为您记录日志。

在 Logpoints 出现之前 - 您可以在 devtools 中设置一个条件断点，然后console.log(someVar)在条件语句中写入，它会起作用，因为console.log不返回任何内容，因此不会在所需的断点处停止。