在 Web 浏览器中查找触发然后事件的 jQuery 代码



我加入了一个团队来做一个项目。现在他们使用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)

演示

相关内容

最新更新