Google chrome Chrome开发工具：如何跟踪打开新选项卡的链接的网络？

我想跟踪当我点击链接时发生的网络活动。问题是链接会打开一个新的选项卡，显然开发工具会根据它打开的选项卡工作。“导航时保留日志”没有帮助

---

我目前的解决方案是转移到FireFox和HttpFox，它们没有这个问题。我想知道所有的Chrome开发者是如何管理的，这听起来很基本（当然我已经搜索了答案，没有找到任何有用的东西）。

查看

chrome://net-internals/#events

（或

chrome://net-export

在最新版本的Chrome中）有关浏览器中发生的所有网络事件的详细概述

---

根据您的具体问题，其他可能的解决方案可能是在“网络”选项卡上启用“保留日志”：

网络>保留日志“>

并通过在控制台中执行以下代码，强制在同一选项卡中打开所有链接：

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

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

---

如果打开的链接没有重定向，您可以在“新建”选项卡中打开“网络”选项卡，然后刷新该选项卡。

您可以这样做：

在想要的链接上设置target=“any\u window\u name”

单击该链接一次，在“新建”选项卡中打开它

在“打开”选项卡中，打开开发人员工具

返回原始页面并再次点击该链接

结果将加载到已准备好的窗口中，并打开开发人员工具

您可以在开发工具中激活“保存日志”选项（参见Konrad Dzwinel优秀答案），以捕获该链接上的任何重定向流量

注意：大多数熟悉链接目标的人∈ {{u self，{u blank，{u parent，{u top}。但实际上，可以指定任何名称，这将打开一个具有该名称的新窗口，并且任何后续单击链接、表单或窗口。具有相同目标值的open都将在同一窗口中打开。 进一步阅读-

• 添加/更新链接至

  target=“\u self”

• 选中“网络”选项卡中的“导航时保留日志”
• 单击链接并记录您的请求

打开新选项卡时快速点击F12

当我监视Google Drive下载响应时，这对我很有用。phsource在评论中提到的内容已经实现

---

在最新版本中（从Chrome 50开始），您可以进入开发者工具设置菜单（打开开发者工具，然后使用3点菜单或点击F1）并选中“自动打开弹出窗口的开发者工具”复选框。

在Chrome 61.0.3163.100中，您现在可以使用以下选项。 通过进入Chrome开发工具设置可以访问它。它位于底部

---

*免责声明：由HttpWatch的开发者发布*

在Windows上，通过在工具->选项->录制中启用自动录制，可以录制打开新Chrome选项卡或窗口时生成的网络流量。在新窗口中，单击HttpWatch图标查看网络跟踪

将为每个请求提供URL、状态代码和运行时间等基本信息

---

*免责声明：由HttpWatch的开发者发布*

我会让新选项卡打开，执行F12并刷新选项卡，以便它登录Chrome 85中的devtools窗口（在Chrome 90中仍然有效）“自动打开弹出式窗口”隐藏在新位置

DevTools（F12）/Settings（F1，Ctrl+？）/Preferences/Global（在列表的末尾）

---

现在，它保留了“保留日志”设置。

谢谢，这很酷，但我希望该列表与开发工具中的列表一样（所有标题的请求和响应），仅针对另一个选项卡这是非常有趣的，特别是如果您添加了过滤器

type:URL\u REQUEST

，但它似乎不包含与网络选项卡相同的信息。例如，它似乎同时删除请求和响应的cookie数据。

document.querySelectorAll（'a，form'））

也会影响表单。我希望我能对此进行两次升级。我已经为chrome制作了一个内容脚本，可以在热键上实现这一点，它确实节省了我的几个小时。chrome显示“net internals events viewer和相关功能已被删除。请使用chrome://net-export 保存网络日志和外部弹射器网络日志查看器以查看它们。”“但是chrome://net-export 效果非常好。因为这个问题得到了很多关注，我开始怀疑我是否能提供更好的解决方案。让所有链接都在同一个标签中打开会有效果吗？@KonradDzwinel这对我来说是一次性的任务，我继续前进，所以我不能告诉你。如果你愿意试着写一个答案，我很乐意接受。如果你想把它作为一个功能，请随意启动这个Chromium bug：非常感谢你的提示，我从来没有想到过。正是我需要的。如果有人想同时查看两个页面的行为，可以跨多个窗口（至少在Chrome中）工作。工作正常，只是在窗口打开后立即启用“保留日志”有点棘手。您应该更新您的答案，因为Chrome稳定版目前正在运行，但新窗口尚未激活。Chrome工程师出了什么问题？结合使用（这是对“Chrome开发工具在窗口关闭后是否可以保持打开”的一个很好的回答！）！使用3点菜单或点击>首选项页面>DevTools>“自动打开DevTools for popups”很遗憾，这不会在新打开的窗口中激活“保留日志”，因此如果在所述窗口中获得新窗口和重定向，网络日志将被清除，并在重定向后开始。设置，对于那些不想点击链接查看图片的人，在标题“DevTools”下是“自动打开DevTools for popup”。其他可用设置：“保留日志”，在“网络”下；“控制台”下的“导航时保留日志”。这对我（Chrome 76）有效，当它启动弹出窗口的开发工具时，它会激活“保留日志”。这可能会被激活