Javascript 如何使用Firebug调试实际事件/侦听器？

我想特别检查Drupal的Javascript/AJAX事件，以便用自己的Javascript“钩住”它们

例如，当另一个模块启动并准备就绪时，如何连接到该模块的Javascript事件中？如何获取事件名称和其他相关定义？提交按钮必须是用于此操作的按钮

Firefox开发者工具一定是一个很棒的工具——如果你知道如何使用它的话。还有Chromes开发工具，如果我看一下Drupal站点表单上的提交按钮，它会在devtools事件选项卡下列出30-40个事件/监听器

太多，太快
多次提到jquery.js、ajax.js、form.js、模块中的不同js包含等等。这些是否真的用于一个按钮？或者这些只是“供您参考”和从所有包含的Javascript文件中“刮取”的？就像一个文档，嘿，这个可以做这个和那个，你们可以使用这些和那个些属性等等

什么才是真正相关的，什么才是仅供参考的？
如何从那里找到合适的？现在这30-40个听众/事件/任何事情似乎都非常势不可挡。。。如果有只用于提供信息的东西，那么它可以被过滤，只显示实际使用的有效东西吗

来自哪个Javascript文件的内容？

---

通过使用未修改的Javascript文件，它更有意义，因为所有参数都以完全合理的名称公开，而不是作为a、b和c等。但是，带有监视功能的“脚本”选项卡提供了相当多的变量，并且没有与Javascript文件的连接，因此无法知道在哪个Javascript文件中实际定义了什么？是基于浏览器的吗？

我知道要理解Firefox或Chrome开发者工具并不太容易。Firefox显示了更多的信息，比如资源、加载的Javascript文件和其他信息。但是主要的事情可以通过Chrome或firefox的控制台看到

但我更喜欢使用Firebug（用于Firefox），因为它更容易使用，而且大多数应用程序的调试都可以通过控制台完成。您可以添加自己的javascript脚本并将事件绑定到元素，还可以使用console.log（字符串）调试控制台上的任何内容

我有时也会使用远程Javascript工具，如。它们为您提供了基于web的控制台来测试您的应用程序，它就像一个专门用于基于HTML5的本机应用程序的魅力。

根据本页，其中一些是Window对象的一部分，换句话说就是浏览器。。。现在我才意识到，“Watch”标题旁边的一个非常小的箭头实际上有一个下拉菜单，可以过滤这个视图。哇，一个全新的世界。