我加入了一个团队来做一个项目。现在他们使用jQuery,很多javascript文件都是外部文件而不是嵌入文件。
当我单击一个按钮时,它看起来像:
<a class="button_cancel">Cancel</a>
它触发一个在一个javascript文件中定义的事件。
有没有办法在触发 onclick 时找到文件(甚至是文件的确切行)?
你可以使用一些开发者工具,比如Firefox的Firebug扩展(我希望你已经有了)。在Firebug的"脚本"面板中,您可以设置"下一个中断"(在左上角),这实际上意味着在接下来执行的任何行中设置断点。激活它。然后单击按钮。您应该降落在执行的文件中。如果没有稍微逐步完成代码,您将到达那里。唯一烦人的事情是,如果有其他一些JavaScript在持续运行。
我相信Chrome,Safari和Opera的开发人员工具提供了类似的功能。
编辑:Chrome也有它。面板"源"在右上角,它被称为"暂停脚本执行"。
Visual Event 2 可以以一种很好且易于使用的方式为您提供这些信息。
Visual Event是一个开源的Javascript书签,它提供 调试有关已附加到 DOM 的事件的信息 元素。视觉事件显示:
- 哪些元素附加了事件
- 附加到元素的事件类型
- 将触发将与事件一起运行的代码
- 定义附加函数的源文件和行号(仅限 Webkit 浏览器和 Opera)
演示