从浏览器中添加控制台.log或等效项



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

但是,我想做的是从浏览器中将控制台日志记录添加到脚本中,以便我可以在不停止断点中执行脚本的情况下查看值。

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

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

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

添加控制台日志是谷歌最近添加的内容。在所选行而不是左键单击,单击右键单击并选择"添加logpoint",将弹出一个小文本框,输入控制台日志所需的变量。

如果您没有看到此功能,请更新您的浏览器。

相关内容

最新更新