0

您如何找到单击某个项目后激活的特定操作 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 中的工作内容，但我只看到三种类型的断点——元素/子元素删除或属性更改——这似乎不适用于什么发生在这里。

4

1 回答 1

1

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

于 2013-06-16T19:24:49.773 回答