Javascript Debugger，如何查找所需的Javascript文件

Question

我需要在包含大量JavaScript文件的网站中修改菜单鼠标悬停事件上的代码。

现在我的问题是如何在如此庞大的网站中找到所需的JavaScript文件，其中包含鼠标悬停在事件代码上。我想要将鼠标悬停在事件上的文件编码。希望你理解。

Answer 1

在Google Chrome的“Inspect Element”工具中，如果您滚动到右侧窗格的最底部（在所有CSS下方），您会找到“事件监听器”。

使用此方法，您可以找到事件监听器附加到的任何元素的事件侦听器代码的确切位置。

我不确定Firebug是否有同样的功能，我自己找不到。

Answer 2

在Chrome中打开开发者工具，打开脚本面板，然后按F8并将鼠标放在您感兴趣的元素上。

mouseover事件将触发，但会暂停，就像事件处理程序中有debugger语句一样。

然后跳过函数（在所有jQuery函数上，是），直到你到达事件附加到元素的地方。

另一个变体是grep -rl或ack（我最喜欢的）mouseover或JavaScript文件所在目录中元素的ID。

grep -rl 'mouseover' js/