我如何找到导致特定UI事件的函数调用？

Question

我想找出触发事件的原因。 即， 此站点上的通知栏stackoverflow.com （该栏告诉您何时有人发布了您要写答案的问题的答案。它从顶部缓慢滚动，并为用户通知提供了一个非常不错的UI我已经看到它可以在几乎所有页面上使用。

我想象它起作用了（我需要找到它的名字）：

special_notification( message );

简而言之，当所有JavaScript都被缩小时，我该如何找出调用的内容（函数名称和参数）会产生那种效果，而我不知道包含了什么内容。

Answer 1

要阅读缩小的js，可以使用http://jsbeautifier.org之类的工具。

关于其他问题，您想收听页面上的所有事件，并知道是什么触发了这些事件以及执行了什么代码？ 那是对的吗？

更新：

无法收听所有事件。 如果确实需要，则可以为每个事件设置侦听器，但是您仍然会错过自定义事件，我想这就是您想要的。

我建议您使用Firebug检查代码以了解在每种情况下如何使用事件。

您还可以听所有 DOM事件，在jQuery中您将执行以下操作：

$('body').bind('DOMSubtreeModified', function(e){
  console.log('DOMSubtreeModified triggered');
  console.log(e); //Firebug console.
});

e将在其中保存事件信息。

希望有道理。

Answer 2

1. 在Firefox中下载并安装Firebug。
2. 转到您感兴趣的URL，然后打开firebug。 您可能需要重新加载页面。
3. 现在，点击萤火虫右上方的小箭头图标。 这将使您突出显示页面上的任何元素，并为该元素提供相应的HTML。
4. 有了元素的ID之后，您就可以在javascript代码中找到它了。 即使是最小名称，名称也必须与DOM名称相对应。