调试器;在Chrome控制台中

Question

在Chrome中打开一个页面，进入JavaScript控制台，然后输入debugger;。我们立即在以下代码的第2行遇到断点：

with ((window && window.console && window.console._commandLineAPI) || {}) {
debugger;
}

有人能理解这个吗？为什么with声明？为什么debugger;上的断点？

Answer 1

你知道debugger是什么吗？

“调用任何可用的调试功能。如果没有可用的调试功能，则此语句无效。”

代码基本上是说这个浏览器是否有可用的控制台，并且它具有“_commandLineAPI”功能，启动调试器。

“with”语句基本上是一种方法，以确保没有错误。实际上他们应该只使用if。

Answer 2

调试javascript Chrome不需要'debugger'命令。 按Ctrl + Shift + J打开开发人员工具。 在'Sources'中你可以在html中找到你的js文件或javascript。 然后单击行号以在左侧创建断点。 断点将在执行时触发。 您在命令控制台中Chrome将尝试执行您输入的任何命令行。