在复杂的系统中,如何获得在按钮点击或点击输入字段时触发的所有JavaScript文件的列表?
我可以用chrome开发工具来做吗?或者有其他解决方案吗?如果我可以用chrome开发工具做到这一点,那该怎么办?
更新:我找到了这个教程,但没有提供的解决方案似乎工作(我肯定断点不工作)。由@Carles Alcove在引用的文章中建议的Visual事件
扩展,引导我到knockout.js
文件。在该文件中,我添加了@guest271314建议的console.trace()
函数(第二张图片是结果)。第一张图片是当我按照@user3297291的建议用dev工具检查按钮时
您可以包括控制台。trace()
,控制台。profile()
和控制台。profileEnd()
在中单击事件处理程序,查看
控制台中的文件行号和
开发工具中的
配置文件选项卡
通过执行以下操作,您可以在开发人员工具中检查附加到元素的事件侦听器的概述:
mouseup
或单击
事件。您将看到附加的方法及其文件名。我不确定这是否适用于每种类型的事件侦听器(例如,事件是否绑定到父元素),但这是一种快速预测可能调用什么的方法。