0

我加入了一个团队从事一个项目。现在他们使用 jQuery 并且很多 javascript 文件是外部文件而不是嵌入文件。

当我单击一个按钮时，它看起来像：

<a class="button_cancel">Cancel</a>

它触发一个在一个 javascript 文件中定义的事件。

当 onclick 被触发时，有没有办法定位文件（甚至是文件的确切行）？

4

2 回答 2

1

您可以使用一些开发人员工具，例如 Firefox 的 Firebug 扩展（我希望您已经拥有）。在 Firebug 的“脚本”面板中，您可以设置“下一个中断”（在左上角），这实际上意味着，在接下来执行的任何一行中设置一个断点。激活它。然后单击按钮。您应该进入已执行的文件。如果不逐步执行代码，您将到达那里。唯一烦人的事情是如果有一些其他的 JavaScript 持续运行。

我相信 Chrome、Safari 和 Opera 的开发者工具提供了类似的功能。

编辑： Chrome 也有。面板右上角的“Sources”，它被称为“Pause Script Execution”。

于 2012-09-20T05:57:42.713 回答
1

Visual Event 2可以以一种简单易用的方式为您提供这些信息。

Visual Event 是一个开源 Javascript 小书签，它提供有关已附加到 DOM 元素的事件的调试信息。视觉事件显示：

  • 哪些元素附加了事件
  • 附加到元素的事件类型
  • 将与事件一起运行的代码被触发
  • 定义附加函数的源文件和行号（仅限 Webkit 浏览器和 Opera）

演示

于 2012-09-20T05:58:35.670 回答