调试使用Firebug触发哪个函数

时间:2012-03-12 02:47:54

标签: javascript jquery dom firebug

我正在尝试调试其他人的UI实现,现在很难知道哪些事件正在调用functions

当我触发事件时,有没有办法知道function被调用了什么?也许与Firebug

3 个答案:

答案 0 :(得分:4)

在chrome开发人员工具栏中,您可以设置事件断点。 - 希望这会有所帮助

enter image description here

答案 1 :(得分:4)

Firebug有一个名为EventBug的扩展。 Firebug实际上有很多扩展功能很棒。

http://getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug

EventBug screenshot

EventBug允许您查看附加到元素的事件函数,并在其处理程序中设置断点。

答案 2 :(得分:1)

在“脚本”选项卡中,您也可以尝试使用Firebug的“Break on next”功能。启用后,只要执行某个脚本,它就会中断。

Break on next

然而,这有一个缺点,即如果你使用一个全局监听鼠标事件的框架(例如绑定到<body>),每当你移动鼠标时你都会得到一个断点,所以它完全没用。

此外,如果在您设法创建事件(例如鼠标点击)之前有一些超时设置触发,则会在该超时时间内发生中断。