javascript - 如何鉴别网页上哪个JS文件（函数）起的作用？

Question

有些网站上有很多JS文件。如何识别某个事件是由某个JS文件（函数）实现的呢？

例如，鼠标覆盖产生的字体变色效果。我想知道这个效果是由具体那个js文件函数执行的。

firebug可以吗？如何看？

Answer 1

比如利用 Chrome 的 DevTools。

既然你知道是由鼠标覆盖产生的，你就可以查看那个元素绑定了什么 mouseover 事件的 listener。

随便举个栗子，如下图，试着看看右上角帮助键的 click 事件的 listener：

Answer 2

JS的引用有两种，一种是内嵌代码，一种是引入外部文件，准确定位的话Firefox和Chrome都有审查元素的功能，对准你覆盖的位置点右键审查元素就可以找到具体方法，但是这个方法具体是内嵌代码还是外部引入文件里边的，就要自己找了，没调试过JS文件。