您如何找到特定底层 Javascript 的来源？答案

【问题标题】：How do you find the source of specific underlying Javascript?您如何找到特定底层 Javascript 的来源？
【发布时间】：2013-06-12 18:33:57
【问题描述】：

您如何找到在单击某个项目后被激活的特定操作 Javascript 的来源？

例如——

一个网站有：

<ul id="list0" class="list">
  <li id="listItem0">
  <li id="listItem1">
  <li id="listItem2" class="selected">
    <a href="#">Labrador Retriever</a>

在网页上，当单击该listItem2 项目（<a href="#">）时，它会将有关该项目（拉布拉多猎犬）的特定信息加载到右侧的窗格中（无需刷新页面或去任何地方）。

您如何找到执行此操作的底层 Javascript？我使用 Firebug 快速搜索了 "#" 链接，但正如预期的那样，这就像大海捞针一样。

我只是不知道你会如何去追踪这件事。该页面似乎也使用了 10-12 个外部 Javascript 文件，这使得在 Javascript 中找到正在监视并针对此特定 <a href="#"> 采取行动的内容变得更加困难。

我认为设置某种断点可能有助于跟踪 Javascript 中的工作内容，但我只看到三种类型的断点——元素/子元素删除或属性更改——这似乎没有适用于这里发生的事情。

【问题讨论】：

标签： javascript html dom web firebug

【解决方案1】：

我相信 chrome，您可以选择一个特定元素并查看哪些事件侦听器附加到该特定元素。右键单击元素，选择“检查元素”或类似的内容，然后在右侧栏中向下滚动（我认为它应该包含应用的样式、事件侦听器以及“框”如何使用宽度、高度、边距呈现，元素的边框和内边距）。

【讨论】：