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

8 回答

• 11

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

  回复于 2024-05-09T17:53:51+08:00
• 8

  *** Disclaimer: Posted by Developer of HttpWatch ***

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

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

  *** Disclaimer: Posted by Developer of HttpWatch ***

  回复于 2024-05-09T17:53:51+08:00
• 3

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

  ---

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

  

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

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

  回复于 2024-05-09T17:53:51+08:00
• 166

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

  在最近的版本中（从Chrome 50开始），您可以转到开发人员工具设置菜单（打开开发人员工具，然后使用3点菜单或点击F1）并选中"Auto-open DevTools for popups"框 .

  回复于 2024-05-09T17:53:51+08:00
• 8

  • 添加/更新指向 target="_self" 的链接

  • 在网络选项卡中检查"preserve logs upon navigation" .

  • 点击链接并记录您的请求

  回复于 2024-05-09T17:53:51+08:00
• 74

  你可以这样做：

  想要链接

  • set target = "any_window_name" .

  • 点击该链接一次，在新标签中打开它 .

  • 在打开的选项卡中，打开开发人员工具 .

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

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

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

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

  回复于 2024-05-09T17:53:51+08:00
• 1

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

  

  回复于 2024-05-09T17:53:51+08:00
• 2

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

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

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

  回复于 2024-05-09T17:53:51+08:00