找出JS控制它的内容

Question

我有一个页面，它使用了一个由javascript控制的漂亮的悬停功能，我想知道是否有一个工具可以告诉我JS在特定点控制什么因为使用了大量的JS文件整个网站。

Answer 1

我会选择使用Chrome。您可以加载页面，查看所有相关的JS。

如果您在Chrome中，请右键单击该按钮或其附近，然后单击“检查元素”。

现在你可以看到所有的好东西：）

Answer 2

您需要一个调试工具，评论中提到了一个这样的工具：Chrome。启用调试器后，需要在各种事件上设置断点以捕获所有javascripts中的代码流。有关详细信息，请访问here

Answer 3

在谷歌浏览器中右键单击该元素，单击“检查元素”选项。应显示带有活动元素标签的Chrome开发者窗口。你会看到html结构，你的元素被突出显示。右键单击该元素并激活“Break on ...”子菜单中的所有三个选项。如果在悬停期间发生DOM的某些修改，它们将在您需要的地方触发断点。但请记住，悬停效果可以通过css实现而不需要一点点javascript，因此这个计划很容易失败。

Answer 4

正如其他人所说，使用Chrome的网站开发人员工具栏。转到“源”面板，然后单击左下角的“暂停”按钮图标。这将导致调试器在下一个javascript命令运行后立即激活。然后激活悬停功能 - 调试器应该在负责的回调函数中暂停执行。

Google实际上在bottom of this documentation page上讨论了这个确切的情况。