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

Question

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

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

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

Answer 1

从Chrome 73开始，您可以使用Logpoints，它们基本上是不间断的断点，仅为您记录日志。在使用Logpoints之前，您可以在devtools中设置一个条件断点，然后只console.log(someVar)在条件语句中编写，因为console.log它不返回任何内容，因此不会在所需的断点处停止，因此它可以工作。

Answer 2

Google最近添加了添加控制台日志的功能。在选定的行中，而不是单击鼠标左键，单击鼠标右键，然后选择“添加日志点”，将弹出一个小文本框，输入您要控制台日志的变量。如果看不到此功能，请更新浏览器。