javascript - 如何调试JAVASCRIPT事件？或者如何让所有函数调用跟踪？

Question

例如有一个按钮。它被 <div> 包裹着。 .

当按下此按钮时，会发生 Javascript 函数调用，然后是另一个函数，然后通过 ajax 调用服务器，如果正常，Javascript 会将此页面重定向到另一个页面。

很难调试。

是否可以“捕捉”此事件？ IE。想知道点击按钮后会调用什么函数吗？按钮没有属性 onclick即事件监听器在 Javascript 中连接。

如果不可能，那么是否可以进行跟踪？也就是看所有的函数调用，哪个是在哪个之后调用的？

用视觉方式会更好，尽管用文字也不错:)

Answer 1

是的 - 这种事情并不像你想象的那么简单。

Google Chrome、Edge 和 Opera 都有一个事件监听器面板。右键单击按钮，然后选择检查元素。确保选择了正确的元素，然后检查右侧的事件监听器面板。

在 Firefox此功能的实现方式不同:

The inspector shows the word “event” next to elements in the HTMLPane, that have event listeners bound to them. Click the icon, thenyou’ll see a popup listing all the event listeners bound to thiselement.

您还可以使用debugger关键字在调用堆栈中的某处设置断点。然后使用您最喜欢的 javascript 调试器(Safari、Google Chrome 和 IE8 中的内置开发工具、Firefox 中的 firebug)。在每一个中，都有一个调用堆栈，可让您浏览当前的调用堆栈。