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

Question

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

• 脚本缩小且不可读
• 我想知道什么行 jQuery使用脚本调用事件（什么选择器和什么 它的主体功能），而不是jQuery脚本本身
• 通过公司找到文件并不容易 搜索适合选择器，因为有100个已加载的javascripts 文件归功于drupal及其已安装的模块。

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

那么有人知道像Chrome插件这样的技巧吗？它可以为我节省很多时间。

Answer 1

如果您要设置正确的断点，那么您应该在右侧的Call Stack标签上获得Source。在那里，您应该能够追踪发起呼叫的文件。

正如他们所说，一张图片说千言万语......

进一步阐述你的问题，

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

新人的步骤。

1. 在压缩文件中，只需获取版本号
2. 从 official website 下载相应的未压缩版本的jquery。
3. 如果您不想更改代码，只需将未压缩的文件重命名为jQuery.min.js或当前正在加载的任何内容，因此它将作为替代品使用。

Answer 2

尝试使用chrome devtools，例如：

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