如何确定哪个JavaScript文件打开弹出窗口

时间:2013-08-22 03:46:22

标签: javascript

当我点击网站上的一个按钮时,会弹出一个弹出窗口,我怎么能检查这个弹出窗口调用哪个js文件和该文件中的代码?我右键单击该站点并选择view page source,在<head>...</head>部分中,有许多js文件,我无法分辨哪个是这个弹出窗口的文件。

3 个答案:

答案 0 :(得分:1)

  1. 使用选项Web Page, complete保存网页(此选项适用于大多数(如果不是所有主流浏览器))。这将保存页面中嵌入的所有HTML,CSS,JavaScript,图像和其他媒体文件。您可以删除图像,媒体甚至CSS。
  2. 逐一取出每个<script>元素,每次检查按钮是否仍然有效。
  3. 如果没有,请将其放回并继续使用其他元素,直到您将其缩小到一个或几个关键元素。
  4. 以相同的方式开始减少JavaScript代码,无论是在外部JS文件中还是在<script>块内部编写。一次取出一个变量或函数,每次检查它是否有效。
  5. 最后,您将代码缩减到最小的测试用例,以了解如何重现所需的结果(即弹出窗口)。

答案 1 :(得分:1)

查看Google Chrome开发者工具( F12 键)。

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

作为参考,你应该考虑元素的id和类。

你最终应该找到像$("#yourbutton").click这样的东西。或者甚至可能在按钮的属性中,如<button onclick="someFunction"/>。然后只搜索该功能。

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

答案 2 :(得分:1)

另一个选择是在Google Chrome下使用Profiler。

打开调试工具[F12]

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

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

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