javascript - 使用 Firefox 调试页面时，如何定位 Javascript 以获得某些效果？

Question

当我想模拟一个网站并且我知道有一些通过 Javascript 完成的效果时，例如鼠标悬停在菜单类别上，子菜单会自动下拉并更改菜单类别的背景颜色。

但是我怎么才能知道这个效果是在哪个 Javascript 文件的哪一行触发的呢？这就引出了一个后续问题：当我使用火狐内置的调试工具调试一个页面时，这个页面的所有JS文件是否都下载到了我的本地机器上？这是否意味着当我确定某些 Javascript 效果发生时，我可以在我的机器上找到该代码？

Answer 1

是的，您的浏览器会下载每个 Javascript 文件。但是，这无助于找到您感兴趣的效果的来源。您可以在调试器中执行此操作。

要找到导致您感兴趣的效果的文件，请复制该页面并注释掉 Javascripts，直到效果消失。为了最大的效率，使用二分查找——注释掉一半的文件，看看它是否在那些文件中，如果没有注释掉另一半，则注释掉剩下的一半，等等。（依赖关系会使它更复杂一点，但你会弄明白的。）

要找到该行，一旦你把它放到一个文件中，在顶部放置一个断点并使用调试器单步执行，直到你看到你的效果发生。