从浏览器中添加console.log或等效项

Question

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

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

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

Answer 1

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

在使用Logpoints之前，您可以设置一个conditional breakpoint in devtools并只在条件语句中写入console.log(someVar)，因为console.log不返回任何东西，因此不起作用，因此它可以工作停在所需的断点。

Answer 2

添加控制台日志是Google最近添加的内容。 在选定的行中，而不是单击鼠标左键，然后单击鼠标右键，然后选择“添加日志点”，将弹出一个小文本框，输入您要控制台日志的变量。

如果看不到此功能，则更新浏览器。