识别哪个 JS 脚本正在执行该事件答案

【问题标题】：Recognize which JS script is performing the event识别哪个 JS 脚本正在执行该事件
【发布时间】：2015-03-18 21:10:03
【问题描述】：

我不知道是否有办法识别哪个 JS 脚本正在执行页面中正在进行的操作？！例如，当我们单击一个按钮时，它正在使用 javascript 执行某些操作。但是怎么知道这个事件涉及到哪个脚本，甚至是哪一行脚本呢？！

【问题讨论】：

查看VisualEvent。这对我很有帮助。
同意VisualEvent。

标签： javascript jquery events logging

【解决方案1】：

对于此类任务，我建议您使用 google chrome，它的开发人员工具提供了我们大多数人甚至不使用或不知道的许多功能。只需打开您的页面，然后按 F12 打开开发人员工具。找到并单击 Sources 选项卡，在那里您将看到一个映射您站点中所有文件的树，然后查看开发工具的右上角，您将在那里找到您的事件的处理程序，并且在它下面有一个您可以使用的事件列表查看并暂停，在暂停按钮旁边，它是一个非常有用的按钮“跳过下一个函数调用”，它将带您了解与 JS 执行相关的每个事件。在此列表中，您会在底部找到一个选项卡，上面写着“事件侦听器断点”，只需将其展开，您就会发现 javascript 可以检查的每个事件，只需查找您需要的事件，即。找到鼠标，展开它并检查单击，因此在每次“单击”时，执行都会停止，您可以看到发生了什么。或者只是检查整个鼠标事件列表，它会在每个鼠标事件时暂停。

【讨论】：

我一直在使用开发者工具。但它没有按我的意愿工作。并且“跳过下一个函数调用”按钮被禁用。
您可以在源选项卡中单击行号以查看该表达式，然后重新加载页面，执行将在所选行处暂停，并且将启用“跳过下一个函数调用”。