2

当我单击站点上的按钮时，会显示一个弹出窗口，我如何检查此弹出窗口调用了哪个 js 文件和该文件中的代码？我右键单击该站点并选择view page source，在该<head>...</head>部分中，有很多js文件，我不知道哪个是这个弹出窗口的文件。

4

3 回答 3

1
  1. 使用该选项保存网页Web Page, complete（此选项在大多数主流浏览器中都可用）。这将保存页面中嵌入的所有 HTML、CSS、JavaScript、图像和其他媒体文件。您可以删除图像、媒体，甚至 CSS。
  2. 开始一个一个地取出每个<script>元素，每次检查按钮是否仍然起作用。
  3. 如果没有，请将其放回原处并继续处理其他元素，直到将其范围缩小到一个或几个关键元素。
  4. 以同样的方式开始缩减 JavaScript 代码，无论是在外部 JS 文件中还是在内部编写在<script>块中。一次取出一个变量或函数，每次检查它是否有效。

最后，您将代码缩减为最小的测试用例，以查看如何重现所需的结果（即弹出窗口）。

于 2013-08-22T03:57:58.583 回答
1

查看 Google Chrome 开发者工具（F12键）。

在 Elements 部分找到导致弹出窗口的按钮，然后在 Resources 选项卡中，单击左侧的每个 js 文件并在右侧搜索对您的按钮的引用。

作为参考，您应该考虑元素的 id 和类。

您最终应该找到类似$("#yourbutton").click. 或者它甚至可能在按钮的属性中，例如<button onclick="someFunction"/>. 然后只需搜索该功能。

浏览器工具真的没那么糟糕（你也可以在 Firebug 中做类似的事情）。

于 2013-08-22T04:07:59.390 回答
1

另一种选择是使用 Google Chrome 下的 Profiler。

打开调试工具[F12]，

然后确保Collect CPU profile被选中并点击Start。

单击您的按钮，然后关闭配置文件。

这将为您提供每个执行的 Javascript 函数的列表。大大缩小了要搜索的内容列表。

于 2013-08-22T08:26:07.300 回答