当我单击网页中的元素时,如何监控触发的Javascript?

时间:2014-07-23 14:16:58

标签: javascript jquery debugging web

使用其他开发人员的代码:当我单击其页面上的元素并触发Javascript / jQuery事件时,如何监视JS被触发的内容?我对事件监听有些熟悉,但我的印象是你必须知道正在声明的变量或正在执行的代码行。我不知道,因为我试图在他的源代码中找到它,以便添加额外的功能并重构它。谢谢。

示例:他有一个“手风琴弹出窗口”,当您单击加号时会显示更多文本,然后再次单击它时隐藏它。我想通过添加修改CSS背景图像的JS行来改进它以使加号符号变为减号。我只是不知道他在哪里嵌入了他的功能。

编辑:对涉及用于Web浏览器的调试工具的方法或涉及代码的编程解决方案感兴趣。我假设解决方案将涉及一个调试工具,因为我不知道在这个大型应用程序中哪里可以找到以前开发人员的JS代码。

3 个答案:

答案 0 :(得分:1)

如果你正在使用Firebug,你可以安装一个名为Firequery的附加插件。它增强了元素上的事件HTML视图。

答案 1 :(得分:1)

按F12或右键单击网页并选择检查元素(不必是您要检查的元素)。

然后你可以使用几个工具:

1)时间线选项卡和录制按钮,它将显示正在发生的所有事件

然后当您使用上述

确定过程时

转到

2)Sources选项卡和子选项卡Content Scripts并搜索您感兴趣的函数或变量或脚本文件(使用ctrl + F在脚本文件中搜索,因为它可以节省大量时间)

P.S。

使用chrome

答案 2 :(得分:-1)

您可以添加到您的Javascript以输出到控制台。您还可以在大多数浏览器上使用F12键对其进行监控。在某些浏览器中,您可能需要启用调试和/或javascript调试。