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

Question

例如，有一个按钮。它由<div>包裹。

按下此按钮时，会发生javascript函数调用，然后是另一个函数，然后通过ajax调用服务器，如果没有问题，javascript会将此页面重定向到另一个页面。

很难调试。

是否有可能“抓住”此事件？即要知道，点击按钮后调用了什么功能？ Button没有属性“onclick”，即事件监听器以javascript连接。

如果不可能那么可以追踪吗？那就是查看所有函数调用，之后调用它？

在视觉方面会更好，尽管在文本方面也很好：）

感谢您的回复！

Answer 1

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

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

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

Answer 2

您可以使用firebug跟踪 javascript 代码。它的Firefox插件可以跟踪样式（css），js并允许编辑。

Opera提供 dragonfly ，类似于firebug

Answer 3

查看Firebug中的调试功能，它可以让您添加JavaScript断点并逐步执行代码。