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

How to determine which JavaScript file opens a popup window

本文关键字：窗口 JavaScript 文件 何确定      更新时间：2023-09-26

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

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

打开调试工具[F12]、

然后确保选择了Collect CPU profile并点击Start。

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

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

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

最后，您将把代码简化为一个最小的测试用例，看看如何重现所需的结果（即弹出窗口）。

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

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

作为引用，您应该同时考虑元素和类的id。

你终于应该找到类似$("#yourbutton").click的东西了。或者它甚至可能在按钮的属性中，比如<button onclick="someFunction"/>。然后只需搜索该函数。

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

相关文章：