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

Question

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

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

Answer 1

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

---

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

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

[].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）并选中“自动打开弹出窗口的DevTools”复选框。

Answer 3

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

Answer 4

• 添加/更新target="_self"的链接
• 在“网络”选项卡中选中“保留导航日志”。
• 单击该链接并记录您的请求

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

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

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

当我监控Google云端硬盘下载响应时，对我有用

Answer 8

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

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

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

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