Chrome Dev Tools: How to trace network for a link that opens a new tab?

Question

I want to trace the network activity that happens when I click on a link. The problem is that the link opens a new tab, and apparently the Dev Tools works per tab it was ope

Answer 1

You can do it this way :

1. set target="any_window_name" on wanted link.
2. click on that link once, to open it in new tab.
3. In opened tab, open developer tools.

4. go back to origin page and hit that link again.

   The result will be loaded in already prepared window with developer tools opened.

   You can activate "preserve log" option in dev tools (see in Konrad Dzwinel excellent answer) to catch any redirect traffic on that link.

   Note : most people familiar with link target ∈ { _self,_blank,_parent,_top }. But actually any name can be given, this will open a new window with that name, and any subsequent clicks on links,forms or window.open with same target value will be opened in same window. further reading - mdn : window.open , mdn : tag