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

dav*_*vka 211 google-chrome google-chrome-devtools

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

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

Kon*_*nel 203

查看chrome://net-internals/#events浏览器中发生的所有网络事件的详细概述.


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

DevTools>网络>保留日志

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

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

window.open = function(url) {
    location.href = url;
};
Run Code Online (Sandbox Code Playgroud)

  • 谢谢这很酷,但我想要开发工具中的列表(请求和响应所有标题),只是为另一个选项卡 (12认同)
  • `document.querySelectorAll('a,form')`也会影响表单. (3认同)
  • Chrome 显示**“网络内部事件查看器和相关功能已被删除。请使用 chrome://net-export 保存网络日志和外部弹射器 netlog_viewer 来查看它们。”**,但 chrome://net-出口工程太棒了。 (3认同)

小智 97

phsource评论中提到的功能请求已经实现.

在最近的版本中(从Chrome 50开始),您可以转到开发人员工具设置菜单(打开开发人员工具,然后使用3点菜单或点击F1)并选中"自动打开弹出窗口的DevTools"框.

  • 工作正常,除了在窗口打开后立即启用"保留日志"有点棘手. (12认同)
  • 它打开开发工具,但“网络”选项卡缺少初始请求的行... (5认同)
  • 叹气,新窗口没有激活<保留日志>.Chrome工程师有什么问题? (4认同)
  • 它在新标签中对我不起作用 (3认同)
  • 首先检查*保留父级的日志*。然后打开弹出窗口。 (3认同)
  • 对于 chrome 90,单击设置图标(或按 F1),然后您将在“全局”部分下找到“自动打开弹出窗口的 DevTools”。确保您已经选中“保留日志”(请参阅​​/sf/answers/1144097531/) (2认同)

Kon*_*cik 23

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

Web Inspector设置

  • 对于那些不想单击链接来查看图像的用户,此设置为“ DevTools”标题下的“自动打开弹出窗口的DevTools”。其他可用设置:“网络”下的“保留日志”;“控制台”下的“在导航时保留日志”。 (4认同)
  • 这对我有用(Chrome 76),并且当它启动弹出窗口的开发人员工具时,它**正在**激活“保留日志”。这可能是由我激活“保留日志”设置来激活的? (4认同)
  • 不幸的是,这不会激活新打开的窗口中的"保留日志",因此如果您在所述窗口中获得新窗口和重定向,网络日志将被清除并在重定向后开始. (3认同)

Seb*_*ber 11

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


Mic*_* L. 8

你可以这样做:

  1. 在有用链接上设置target ="any_window_name".
  2. 单击该链接一次,在新选项卡中打开它.
  3. 在打开的选项卡中,打开开发人员工
  4. 返回原始页面并再次点击该链接.

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

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

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


Tom*_*Tom 7

在 Chrome 85 中(在 Chrome 90 中仍然有效)“Auto-open DevTools for popups”隐藏在新位置

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

在此处输入图片说明

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