提问者:小点点

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


在复杂的系统中,如何获得在按钮点击或点击输入字段时触发的所有JavaScript文件的列表?

我可以用chrome开发工具来做吗?或者有其他解决方案吗?如果我可以用chrome开发工具做到这一点,那该怎么办?

更新:我找到了这个教程,但没有提供的解决方案似乎工作(我肯定断点不工作)。由@Carles Alcove在引用的文章中建议的Visual事件扩展,引导我到knockout.js文件。在该文件中,我添加了@guest271314建议的console.trace()函数(第二张图片是结果)。第一张图片是当我按照@user3297291的建议用dev工具检查按钮时


共2个答案

匿名用户

您可以包括控制台。trace()控制台。profile()控制台。profileEnd()中单击事件处理程序,查看控制台中的文件行号和开发工具中的配置文件选项卡

匿名用户

通过执行以下操作,您可以在开发人员工具中检查附加到元素的事件侦听器的概述:

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

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