javascript - 从浏览器中添加 console.log 或等效内容

Question

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

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

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

Answer 1

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

在 Logpoint 出现之前 - 你可以设置 conditional breakpoint in devtools只需在条件语句中写入console.log(someVar)，它就会起作用，因为console.log不会返回任何内容，因此不会在所需的断点处停止.