有没有一种简单的方法可以知道 jQuery 脚本的哪一行称为事件？

Question

我正在开发一个 drupal 模块（无关），我想重新创建一个 javascript/jQuery 事件。如果我使用 chrome 并转到事件侦听器，我会看到在第 57 行调用了 jQuery 脚本，但这并没有真正帮助：

• 脚本被缩小且不可读
• 我想知道是哪一行 jQuery 使用称为事件的脚本（什么选择器和什么 它的函数体），而不是 jQuery 脚本本身
• 光靠文件不容易找到 搜索合适的选择器，因为有 100 个已加载的 javascript 文件感谢 drupal 和它安装的模块。

原因是我想重新创建这个（ajax 可能）调用：

那么有人知道 chrome 插件之类的技巧吗？它可以为我节省很多时间。

Answer 1

尝试 chrome devtools，例如：

Sources -> Event Listener Breakpoints (to the right) -> Mouse -> click

Answer 2

如果您设置了正确的断点，那么您应该会在右侧的 Source 选项卡上看到一个 Call Stack。在那里您应该能够找到发起调用的文件。

正如他们所说，一张图片说一千个单词..

为了进一步阐述您的问题，

在开发过程中始终建议使用未压缩的 jQuery.js（或者就此而言任何 .js），正如您可能已经发现的那样。

新人的步骤。

1. 在压缩文件里面直接获取版本号即可
2. 从 official website 下载 jquery 的相应未压缩版本。
3. 如果您不想更改代码，只需将未压缩的文件重命名为 jQuery.min.js 或当前正在加载的任何文件，这样它就可以作为替代品。