当我点击网站上的一个按钮时,会弹出一个弹出窗口,我怎么能检查这个弹出窗口调用哪个js文件和该文件中的代码?我右键单击该站点并选择view page source
,在<head>...</head>
部分中,有许多js文件,我无法分辨哪个是这个弹出窗口的文件。
答案 0 :(得分:1)
Web Page, complete
保存网页(此选项适用于大多数(如果不是所有主流浏览器))。这将保存页面中嵌入的所有HTML,CSS,JavaScript,图像和其他媒体文件。您可以删除图像,媒体甚至CSS。<script>
元素,每次检查按钮是否仍然有效。<script>
块内部编写。一次取出一个变量或函数,每次检查它是否有效。最后,您将代码缩减到最小的测试用例,以了解如何重现所需的结果(即弹出窗口)。
答案 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函数的列表。大大缩小要搜索的内容列表。