寻找有关chrome调试器的信息

Question

我试图了解如何从chrome调试器获取以下信息：通过单击输入文件类型标记触发页面上的事件。但是我不可能追溯机制：触发事件时调用哪个js文件。有没有办法从调试器获取此信息？

Answer 1

您是否看过右侧窗口中的Event Listeners条目？如果我右键点击帖子底部的“Google-Chrome”标记，然后选择“检查元素”，则会突出显示html标记。如果我然后查看事件监听器的右侧窗格，我可以看到此元素具有模糊，单击，键盘，键控，mousedown，mouseout，mouseover的处理程序。然而，只是看着HTML我看不到。如果我展开事件处理程序，我可以看到它们都指向“jquery.min.js：3”。这是因为文件已经被最小化并且只有4行 - 每行可能是20或25,000个字符长。遗憾的是，最小化的脚本难以分析。

尝试使用不使用最小化脚本的页面，您可以单击事件处理程序窗口中的链接直接转到相关函数 - 不幸的是，您将被带到相关行的开头，这使得jquery.min.js浪费时间来做这件事。您始终可以使用非缩小版本的脚本进行调试，切换到缩小版本进行生产。

使用其他页面，在链接未经编辑的脚本版本之前，有时可以保存本地副本。