☰

如何查看 Firefox 跨标签的网络请求日志？

tag-icon • tag-icon networking firefox logging tabs firefox-developer-tools
如何查看 Firefox 跨标签的网络请求日志？

在 Firefox 中，我希望查看 Firefox 发出的所有网络请求。

使用 Firefox 开发者工具可以很好地完成此操作。只需打开开发者工具，单击Network，即可完成。

问题发生在网站在新标签页中打开链接时。由于 Firefox 的开发者工具似乎附加在单个标签页上，因此它仅显示原始标签页的网络请求。

如何查看 Firefox 中跨选项卡的网络请求日志？

编辑：我认为通过在自己的窗口中打开 devtools 就可以实现这一点，但是网络请求日志似乎仍然与最初打开 devtools 的选项卡绑定。

答案1

打开浏览器控制台：

  1. 从菜单中：从 Firefox 菜单中的 Web 开发人员子菜单中选择“浏览器控制台”（如果显示菜单栏或在 macOS 上，则从工具菜单）。
  2. 从键盘上：按Ctrl+ Shift+ J（或 在 Mac 上按Cmd+ Shift+ ）。J

在右上角选择请求：

Waterfox 浏览器控制台

（我使用 Waterfox，因此应用程序图标不同，并且我使用的是深色主题，但除此之外，它在 Firefox 中看起来相同。）

答案2

禁用新标签页

导航至 about:config

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

这样，无论你点击什么链接，通常都会打开一个新标签，这样你就可以查看它在网络检查器中的作用。然后将这些设置改回默认设置。

参考：https://support.mozilla.org/en-US/questions/1190923

答案3

暂时禁用新标签页

可能的解决方案（取决于您的具体问题）可能是在“网络”选项卡（DevTools>网络>保留日志）上启用“保留日志”，并通过在控制台中执行以下代码强制所有链接在同一选项卡中打开：

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

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

相关内容