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

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

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

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

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

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

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

然后,当您使用上述方法确定过程时

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

PS

使用铬

如果您使用的是Firebug,则可以安装另一个名为Firequery的插件。 它增强了元素上的HTML视图事件。

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