Chrome开发者工具：如何跟踪网络以获取打开新标签的链接？

Question

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

我目前的解决方案是转移到没有此问题的FireFox和HttpFox。我想知道Chrome的所有开发人员是如何管理的，这听起来很基本（当然我已经找到了答案，没有找到任何帮助）。

Answer 1

查看chrome://net-internals/#events（或最新版Chrome中的chrome://net-export），详细了解浏览器中发生的所有网络事件。

---

根据您的具体问题，其他可能的解决方案可能是启用＆＃39;保留日志＆＃39;在＆＃39;网络＆＃39;标签：

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

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

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

Answer 2

phsource评论中提到的feature request已经实施。

在最近的版本中（从Chrome 50开始），您可以转到开发人员工具设置菜单（打开开发人员工具，然后使用3点菜单或点击 F1 ）并选中相应的框说＆＃34;自动打开DevTools弹出窗口＆＃34;。

Answer 3

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

Answer 4

• 添加/更新指向target="_self"
的链接
• 检查＆＃34;在导航时保留日志＆＃34;在网络标签中。
• 点击该链接并记录您的请求

Answer 5

你可以这样做：

1. 在想要的链接上设置target =“any_window_name”。
2. 点击该链接一次，在新标签页中将其打开。
3. 在打开的标签页中，打开开发人员工具。

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

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

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

   注意：大多数人都熟悉链接目标∈{_self，_blank，_parent，_top}。但实际上可以给出任何名称，这将打开一个具有该名称的新窗口，并且具有相同目标值的链接，表单或window.open的任何后续点击将在同一窗口中打开。 进一步阅读 - mdn : window.open，mdn : <a> tag

Answer 6

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

Answer 7

在Chrome 85中，“自动打开弹出窗口的DevTools”被隐藏在新位置

DevTools（F12）/ DevTool设置（F1，Ctrl +？）/首选项/全局

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

Answer 8

在新标签页打开时快速点击 F12

https://stackoverflow.com/a/13747562/660408

在我监控Google云端硬盘下载响应时适用于我

Answer 9

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

Windows上的

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

free version将提供基本信息，例如每个请求的网址，状态代码和已用时间。

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

Answer 10

我只是打开新标签页，执行F12键并刷新标签页，以便它登录到devtools窗口中