如何获取触发事件时执行的JavaScript文件列表？

在复杂的系统中，如何获得在单击按钮或单击输入字段期间激发的所有JavaScript文件的列表

我可以用chrome开发工具完成吗？或者还有其他解决方案吗？如果我可以用chrome开发工具来实现，那么如何实现呢

我面临的问题：我正在尝试查找文件中包含的方法，在单击按钮重定向到另一页之前，我可以拦截该方法以添加自定义验证？文件名对我很有用，因为系统遵循干净的代码规则

更新： 我发现，但提供的解决方案似乎都不起作用（我确信断点不起作用）。@Carles Alcove在参考帖子中建议的

Visual Event

扩展名将我引向

knockout.js

文件。在该文件中，我添加了@guest271314建议的

console.trace（）

函数（第二个图像就是结果）。第一幅图是当我使用@user3297291建议的开发工具检查按钮时

---

您可以将

控制台.trace（）

，

控制台.profile（）

和

控制台.profileEnd（）

包含在

单击事件处理程序中，查看
控制台上的文件行号
和
开发工具上的
配置文件
选项卡
您可以通过执行以下操作来检查附加到开发工具中某个元素的事件侦听器的概述：


在元素上单击鼠标右键
检查上下文菜单中的元素
单击开发工具右侧面板中的事件侦听器选项卡
检查
mouseup
或
单击事件



您将看到附加的方法及其文件名。我不确定这是否适用于每种类型的事件侦听器（例如，事件是否绑定到父元素），但这是一种快速预测可能调用什么的方法。
Profiles

选项卡对我帮助很大（感谢您指出这一点）。我可以看到一些文件，其中唯一的问题是它不太准确。如果可以将探查器设置为在触发事件时开始录制，那将是完美的。