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

Question

我想特别检查 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 文件中实际定义了什么？ 是基于浏览器的吗？

Answer 1

我想特别检查 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 文件中实际定义了什么？ 是基于浏览器的吗？