在chrome控制台上调试javascript函数

Question

关于在chrome控制台中调试的两个问题:

1. 如何调试我直接在chrome控制台中直接编写的函数？例如

function say(){
console.log("hello");
console.log("test");
}

我想设置断点等.

如何在控制台中执行缩进选项卡？

谢谢.

Answer 1

1.有人可能有更好的解决方案.尝试:

debugger;say()

在您的控制台中,然后按F11两次,您将导航到VMxxxx选项卡,您可以在那里添加断点并保留它.

即下次say()在控制台中运行时,将触发断点.

2.我还没有想出办法,但是你可以尝试Shift+Enter用空格打开一个新行和ident,或者从其他地方复制一个"tab"(文本编辑器)并将其粘贴到chrome中.

Answer 2

现在您可以直接在 Chrome 控制台中编写函数并调试它们。

**Chrome Dev Tools -> Sources -> Snippets

您可以在那里编写任何代码，设置断点并按 Ctrl + Enter 运行它。

Answer 3

现在你可以使用debug().

\n\n

debug(say)\n

\n\n

\n

控制台实用程序 API 参考 \xc2\xa0|\xc2\xa0 Web 开发人员工具

\n

\n