Developer Tools: Follow network requests through pop-ups

Question

We are trying to figure out how something works on the Internet (for web cleaning / automation) and a pop-up window appears on one of the web pages we work on to do some of the work. One of our most commonly used debugging tools is the Chrome Network tab in the Developer Tools, click “record”, do some things, and then examine what has been done and then repeat the work done “offline”.

However, the developer tools (in Chrome, Safari and Firefox - all work the same way) do not follow the prompts through the pop-up window, even if you click "record."

Is there some kind of configuration value that I am missing, or some way to record all network events? We cannot use tcpdump / wireshark for this, because all this is done via SSL. One of the options that we examined is the https "man in the middle" proxy server, but I cannot find anything written beforehand, so we have to create it ourselves.

Answer 1

I don’t know how to track requests in pop-ups, since each window has its own web inspector, however you can use Fiddler to check HTTPS requests. It will be MITM and subsequently throw a certificate error, which should allow you to check all the requests in the order in which they were.

Answer 2

You can use the Charles Web Debugging Proxy proxy , which is an application that allows you to see all the traffic and even replace some of your responses with your own. Of course, this can break HTTPS, so you should accept certificate errors, but this is usually a small problem. It works on Win, Mac, and even Linux.

Answer 3

The Object Inspector cannot verify that it is not on the current page. So you will need to open the inspector inside the popup url with the same parameters to see what it does.

As a tool, you can use the web sniffer to see which URL was called during the process.