Chrome开发工具:如何跟踪网络的链接，打开一个新的标签?

小开

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

其他可能的解决方案，取决于你的具体问题，可能是在“网络”选项卡上启用“保存日志”:

$DevTools >网络比;保持日志”></p> <p>并通过在控制台中执行以下代码强制所有链接在同一个选项卡中打开:</p> <pre><code>[].forEach.call(document.querySelectorAll('a'), function(link){ if(link.attributes.target) { link.attributes.target.value = '_self'; } }); window.open = function(url) { location.href = url; }; </code></pre></div> </div> </div> </div> </div> <div class=$

小开

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

小开

你可以这样做:

在需要的链接上设置目标="any_window_name"。
单击该链接一次，在新选项卡中打开它。
在打开的选项卡中，打开开发人员工具。
返回原始页面并再次点击该链接。

结果将被加载在已经准备好的窗口与开发人员工具打开。

你可以在开发工具中激活“保存日志”选项(参见Konrad Dzwinel的精彩回答)来捕获该链接上的任何重定向流量。

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

小开

添加/更新到target="_self"的链接
在“网络”页签中选择“导航时保留日志”。
单击链接并记录您的请求

小开

当新标签打开时，快速点击F12

https://stackoverflow.com/a/13747562/660408 < a href = " https://stackoverflow.com/a/13747562/660408 " > < / >

当我监视谷歌驱动器下载响应时，为我工作

小开

phsource注释中提到的功能要求已经实现。

在最近的版本(从Chrome 50开始)，你可以去开发人员工具设置菜单(打开开发人员工具，然后使用3点菜单或点击F1)，并选中“自动打开弹出式开发工具”的复选框。

小开

在Chrome 61.0.3163.100你现在有以下选项可用。它是通过去Chrome开发工具设置访问。它在底部

Web Inspector settings

小开

免责声明:由HttpWatch的开发者发布

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

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

免责声明:由HttpWatch的开发者发布

小开

在Chrome 85中(在Chrome 100中仍然有效)&“自动打开popups"藏在一个新的地方

DevTools (F12)/Settings (F1, Ctrl + ?)/Preferences/Global(在列表的末尾)

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