当我单击网页中的元素时,如何监控触发的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调试。