在浏览器中添加 console.log 或等效项
Add a console.log or equivalent from within the browser
例如,Chrome 开发工具,很容易在 Javascript 中为网站设置断点。当您在断点处停止时,很容易注销断点范围内的任何变量的值,您甚至可以使用 watch 表达式自动完成此操作。
但是,我想做的是从浏览器中向脚本添加控制台日志记录,这样我就可以在断点处停止执行脚本的情况下查看值.
我的用例是,在开发的时候,我会经常使用控制台日志进行调试。我可能会添加一个控制台日志,编译,启动我的开发服务器,导航到应用程序中执行代码的地方,然后观察日志。但是,对于我的团队的工作流程,能够添加额外的日志而无需重新编译等将很有用。在 Chrome?
中有没有办法做到这一点
从 Chrome 73 开始,您可以使用 Logpoints,它们基本上是不间断断点,只为您记录日志。
在 Logpoints 出现之前 - 您可以设置 conditional breakpoint in devtools 并在条件语句中写入 console.log(someVar)
,它会起作用,因为 console.log
不会 return 任何东西,因此不会在所需的断点处停止。
添加控制台日志是 Google 最近添加的内容。
在 selected 行中,而不是左键单击,单击右键和 select 'add logpoint',会弹出一个小文本框,输入您想要控制台日志的变量。
如果您没有看到此功能,请更新您的浏览器。
例如,Chrome 开发工具,很容易在 Javascript 中为网站设置断点。当您在断点处停止时,很容易注销断点范围内的任何变量的值,您甚至可以使用 watch 表达式自动完成此操作。
但是,我想做的是从浏览器中向脚本添加控制台日志记录,这样我就可以在断点处停止执行脚本的情况下查看值.
我的用例是,在开发的时候,我会经常使用控制台日志进行调试。我可能会添加一个控制台日志,编译,启动我的开发服务器,导航到应用程序中执行代码的地方,然后观察日志。但是,对于我的团队的工作流程,能够添加额外的日志而无需重新编译等将很有用。在 Chrome?
中有没有办法做到这一点从 Chrome 73 开始,您可以使用 Logpoints,它们基本上是不间断断点,只为您记录日志。
在 Logpoints 出现之前 - 您可以设置 conditional breakpoint in devtools 并在条件语句中写入 console.log(someVar)
,它会起作用,因为 console.log
不会 return 任何东西,因此不会在所需的断点处停止。
添加控制台日志是 Google 最近添加的内容。 在 selected 行中,而不是左键单击,单击右键和 select 'add logpoint',会弹出一个小文本框,输入您想要控制台日志的变量。
如果您没有看到此功能,请更新您的浏览器。