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

我想跟踪点击链接时发生的networking活动。 问题是,链接打开一个新的标签,显然开发工具每个标签打开。 “保留日志导航”不起作用。

我目前的解决scheme是转移到没有这个问题的FireFox和HttpFox。 我想知道所有的Chrome开发人员如何pipe理,这听起来很基本(当然,我已经find了答案,没有发现任何有用的东西)。

查看chrome://net-internals/#events来详细了解浏览器中发生的所有networking事件。


根据您的具体问题,其他可能的解决scheme可能是启用“networking”选项卡上的“保留日志”:

开发工具>网络>保留日志

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

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

phsource评论中提到的function请求已经实现。

在最近的版本中(从Chrome 50开始),您可以进入开发工具设置菜单(打开开发工具,然后使用3点菜单或点击F1 )并选中“自动打开DevToolspopup窗口”checkbox。

  • 添加/更新链接到target="_self"
  • 在“networking”选项卡中选中“导航保存日志”。
  • 点击链接并获取您的请求logging

你可以这样做:

  1. 在想要的链接上设置target =“any_window_name”。
  2. 点击该链接一次,在新标签中打开它。
  3. 在打开的标签中,打开开发者工具。
  4. 返回原始页面并再次点击该链接。

    结果将被打开的开发工具加载到已经准备好的窗口中。

    您可以激活开发工具中的“保存日志”选项(参见康拉德Dzwinel优秀的答案),以捕获该链接上的任何redirectstream量。

    注意 :大多数熟悉链接目标的人∈{_self,_ blank,_parent,_top}。 但实际上可以给出任何名字,这将打开一个新的窗口,任何后续的点击链接,窗体或window.open具有相同的目标值将打开在同一个窗口。 进一步阅读 – mdn:window.open , mdn:<a>标签

新标签打开时快速打开F12

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

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

在Chrome 61.0.3163.100中,您现在可以使用以下选项。 通过转到Chrome开发工具设置访问它。 它在底部。 Web检查器设置

如果打开的链接不redirect,您可以打开新标签中的networking标签,然后刷新标签。