How to view log of network requests across tabs in Firefox?

Question

Within Firefox, I would like to see all network requests being made by Firefox.

Using Firefox developer tools works great for this. Just open the developer tools, click on Network, and there you go.

The problem happens when a site opens a link in a new tab. Because Firefox's developer tools seem to be attached to an individual tab, it only shows network requests for the original tab.

How do you view a log of network requests across tabs in Firefox?

---

EDIT: I thought that by opening devtools in their own window would allow this to work, but the network requests log still seems to be tied to the tab that originally opened devtools.

Answer 1

Open the Browser Console:

1. from the menu: select "Browser Console" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS).
2. from the keyboard: press Ctrl+Shift+J (or Cmd+Shift+J on a Mac).

In the top right select Requests:

(I use Waterfox so the app icon is different, and I'm using the Dark theme, but otherwise it looks the same in Firefox.)

Answer 2

Disable new tabs

Navigate to about:config

browser.link.open_newwindow                      1
browser.link.open_newwindow.restriction          0
browser.link.open_newwindow.override.external    3

This way, whatever link you click that would ordinarily open a new tab will not, so you can see what it does in the network inspector. Then change these settings back to their defaults after.

Reference: https://support.mozilla.org/en-US/questions/1190923

Answer 3

Temporary disable new tabs

Possible solution, depending on your specific problem, may be to enable 'Preserve log' on the 'Network' tab (DevTools > Network > Preserve log) and force all links to open in the same tab by executing the following code in the console:

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};