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

Question

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

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

这很难调试。

是否有可能“抓”这个事件？即要知道，点击按钮后调用了什么函数？按钮没有属性“onclick”，即事件监听器使用javascript连接。

如果这是不可能的，那么是否有可能来跟踪？那是看所有的函数调用，哪个在之后调用？

这将在可视化的方式会更好，但在文本也是回复不错:)

谢谢！

Answer 1

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

Google Chrome有一个“Event Listeners”面板。右键单击您的按钮，然后选择“检查元素”。确保选择了正确的元素，然后检查右侧的“Event Listeners”面板。

您还可以使用“调试器”关键字在某个地方的调用堆栈中设置断点。然后使用你最喜欢的javascript调试器（Safari中的内置开发工具，IE 8的Chrome Chrome &，Firefox的萤火虫）。在其中的每一个中，都有一个调用堆栈，可以让您浏览当前的调用堆栈。

Answer 2

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

歌剧院提供dragonfly这是类似Firebug的

Answer 3

退房调试功能在Firebug，它会告诉你添加JavaScript断点，并通过您的代码步。