javascript - 如何检查哪些功能运行以及何时运行？

Question

我想看看要运行哪些 JS 函数。有什么办法可以看到吗？

例如，我有一个带有 onclick 事件(调用一个函数)的按钮。点击后，我想查看运行了哪个函数；如果该函数调用了另一个函数，我希望同时看到这两个函数。

Answer 1

在 chrome 浏览器中，在开发人员控制台下(您可以使用右键单击 Inspect Element 获取它)，sources 选项卡 -> Watch、Callstack、Scope、Breakpoints、Event Listeners 可能有助于满足您的要求。

在这个开发者控制台或类似工具中使用断点时，您无需添加那么多 console.log，您只需将鼠标指针悬停在其上即可查看变量或函数或表达式的实时值或将它们添加到观察列表。