使用其他开发人员的代码:当我单击其页面上的元素并触发Javascript / jQuery事件时,如何监视JS被触发的内容?我对事件监听有些熟悉,但我的印象是你必须知道正在声明的变量或正在执行的代码行。我不知道,因为我试图在他的源代码中找到它,以便添加额外的功能并重构它。谢谢。
示例:他有一个“手风琴弹出窗口”,当您单击加号时会显示更多文本,然后再次单击它时隐藏它。我想通过添加修改CSS背景图像的JS行来改进它以使加号符号变为减号。我只是不知道他在哪里嵌入了他的功能。
编辑:对涉及用于Web浏览器的调试工具的方法或涉及代码的编程解决方案感兴趣。我假设解决方案将涉及一个调试工具,因为我不知道在这个大型应用程序中哪里可以找到以前开发人员的JS代码。
答案 0 :(得分:1)
如果你正在使用Firebug,你可以安装一个名为Firequery的附加插件。它增强了元素上的事件HTML视图。
答案 1 :(得分:1)
按F12或右键单击网页并选择检查元素(不必是您要检查的元素)。
然后你可以使用几个工具:
1)时间线选项卡和录制按钮,它将显示正在发生的所有事件
然后当您使用上述
确定过程时转到
2)Sources选项卡和子选项卡Content Scripts并搜索您感兴趣的函数或变量或脚本文件(使用ctrl + F在脚本文件中搜索,因为它可以节省大量时间)
P.S。
使用chrome
答案 2 :(得分:-1)
您可以添加到您的Javascript以输出到控制台。您还可以在大多数浏览器上使用F12键对其进行监控。在某些浏览器中,您可能需要启用调试和/或javascript调试。