我需要调试一个使用jQuery的Web应用程序来做一些相当复杂和混乱的DOM操作.有一次,某些与特定元素绑定的事件不会被触发,只是停止工作.
如果我有能力编辑应用程序源代码,我会向下钻取并添加一堆Firebug console.log()语句并注释/取消注释代码片段以尝试查明问题.但我们假设我无法编辑应用程序代码,需要使用Firebug或类似工具完全在Firefox中工作.
Firebug非常善于让我导航和操纵DOM.但到目前为止,我还没有弄清楚如何使用Firebug进行事件调试.具体来说,我只想查看在给定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点来跟踪更改).但是Firebug没有能力看到绑定事件,或者我太笨了而无法找到它.:-)
任何建议或想法？理想情况下,我只想查看和编辑绑定到元素的事件,类似于今天我可以编辑DOM的方式.
我有一个网页,其中包含大量的缩小JS文件.网页在我的本地网络上工作得非常好,但在登台时抛出了一些JS错误.JS中存在一个问题,我不想调试它.当我在Firebug的脚本标签中加载JS时,它出现在一条长水平线上.在Firebug中是否存在扩展或美化脚本以进行调试的方法？我知道我可以使用jsbeautifier,但他们不会帮助我.我无法将扩展文件上传到CDN,违背了使用CDN的目的.
需要注意的一点,
a)我无法控制服务于JS的盒子,它在CDN上,我提到了它.
b)我可以使用美化器等但是这会帮助我在运行时调试脚本吗？恕我直言,没有
c)受NDA和其他法律事务的约束,我无法共享脚本,但它是一个通用的问题,你可以用一个缩小的jQuery来遇到它
是否有插件,附加组件,Greasemonkey脚本或类似的东西(最糟糕的是,一个易于使用的代理？)自动取消网站上包含的Javascript文件？
我知道例如jsbeautifier.org,但在外部执行此操作不允许我在未明细化的代码中设置断点.
我的典型用例:
我主要对与Firebug一起使用的解决方案感兴趣,但如果有适用于Chrome或Opera的开发工具的东西,我也想听听它.
正如标题所说,当我与网页交互时,如何找到触发的JavaScript事件？