开发人员工具：在弹出窗口中跟踪网络请求

Question

我们正试图找出网络上的某些内容（用于网页抓取/自动化）以及我们正在处理的其中一个网页发布弹出窗口来完成某些工作。我们最常用的调试工具之一是开发人员工具中的Chrome网络选项卡，点击“记录”做一些工作，然后检查已完成的工作，然后“离线”复制完成的工作。

然而，即使您点击“记录”，开发者工具（在Chrome，Safari和Firefox中 - 都是相同的）也不会在弹出窗口中跟踪请求。

是否有一些配置值我缺少，或者某种方式记录所有网络事件？我们不能使用tcpdump / wireshark，因为它都是通过SSL完成的。我们考虑过的一个选项是中间人https代理，但我找不到任何预先编写的内容，所以我们必须自己创建一个。

Answer 1

我不知道有什么办法可以在弹出窗口中跟踪请求，因为每个窗口都有自己的Web Inspector，但是您可以使用Fiddler来检查HTTPS请求。它将MITM，并随后抛出证书错误，这应该允许您按顺序检查所有请求。

Answer 2

您可以使用Charles Web Debugging Proxy这个应用程序，它可以让您查看所有流量，甚至可以用您自己的流量替换一些响应。当然，这可能会破坏HTTPS，因此您必须接受证书错误，但这通常是一个小问题。它适用于Win，Mac甚至Linux。

Answer 3

对象检查器无法检查当前页面中没有的内容。因此，您需要使用相同的参数打开弹出网址内的检查器，以查看其功能。

作为一种工具，您可以使用网络嗅探器查看在此过程中确切调用的网址。