在使用Firefox调试页面时，我如何定位Javascript以获得一些效果？

Question

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

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

Answer 1

是的，你的浏览器会下载所有的Javascript文件。然而，这无助于找到你感兴趣的效果的来源。你可以在你的调试器中这样做。

要找到导致您感兴趣的效果的文件，请复制页面并注释掉Javascripts，直到效果消失。为了获得最大的效率，使用二进制搜索--注释掉一半的文件，看看它是否在那些文件中，如果没有注释掉另一半，那么注释掉剩下的一半，依此类推(依赖关系会使它变得更复杂，但您会弄清楚的。)

要找到这一行，一旦将其保存到文件中，请在顶部放置一个断点，并使用调试器逐步执行，直到您看到效果发生为止。