查看JS中调用的方法/事件

Question

得到这个页面上有一些javascript（非常沉重），我试图看看当我点击某个元素时会发生什么。然而，查看代码没有onclick函数 - javascript是几个JS文件，因此需要很长时间才能浏览。

有没有办法使用Firefox（firebug），Chrome甚至是IE来查看whats / log当我点击浏览器中的某个元素时发生了什么？

Answer 1

在firefox中（这也在chrome和IE中以另一种形式提供）安装插件firebug（如果没有安装）。转到工具 - ＆gt; Birebug-＆gt;打开Firebug。单击左图标并要求跟踪。 然后，您可以跟踪您的程序。 另一种方法是在启动时生成断点，并手动执行脚本。

Answer 2

Chrome开发者工具会显示元素的所有附加事件处理程序。请参阅最后的Event Listeners部分。

Answer 3

@wizzard，试试这个：firebug - profiling button
仅限ff，但有一个lite版本的chrome，例如