Chrome开发工具:如何追踪网络中打开新标签的链接?

li9yvcax  于 2023-10-14  发布在  Go
关注(0)|答案(9)|浏览(333)

我想追踪点击链接时的网络活动。问题是这个链接打开了一个新的标签,显然开发工具在每个标签上都是有效的。“导航时保留日志”没有帮助。
我目前的解决方案是迁移到Firefox和HttpFox,它们没有这个问题。我想知道Chrome的所有开发人员是如何管理的,这听起来很基本(当然我已经搜索了答案,没有找到任何有用的东西)。

y53ybaqx

y53ybaqx1#

查看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;
};
egmofgnx

egmofgnx2#

phsource评论中提到的feature request已经实现。
在最近的版本中(从Chrome 90开始),您可以转到开发人员工具设置菜单(打开开发人员工具,然后单击设置图标或按F1),然后您会在全局部分下找到弹出窗口的自动打开DevTools。

lpwwtiir

lpwwtiir3#

在Chrome 61.0.3163.100中,您现在可以使用以下选项。它是通过进入Chrome开发工具设置访问。在最底下。

nimxete2

nimxete24#

在Chrome 85中(在Chrome 100中仍然有效)“弹出窗口的自动打开DevTools”隐藏在一个新的地方
DevTools(F12)/Settings(F1,Ctrl +?)/首选项/全局(位于列表末尾)

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

tcomlyy6

tcomlyy65#

你可以这样做:
1.在需要的链接上设置target=“any_window_name”
1.单击该链接一次,以在新选项卡中打开它。
1.在打开的选项卡中,打开开发人员工具。
1.回到原始页面,再次点击该链接。
结果将加载到已经准备好的窗口中,并打开开发人员工具。
你可以在开发工具中激活“保存日志”选项(参见Konrad Dzwinel优秀的答案)来捕获该链接上的任何重定向流量。

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

6g8kf2rb

6g8kf2rb6#

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

798qvoo87#

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

xfyts7mz

xfyts7mz8#

当新标签打开时快速按F12
https://stackoverflow.com/a/13747562/660408
当我监控Google Drive下载响应时,

b1zrtrql

b1zrtrql9#

  • 免责声明:开发者:HttpWatch *

Windows上的HttpWatch可以通过在工具->选项->录制中启用自动录制来记录打开新Chrome选项卡或窗口时生成的网络流量。在新窗口中单击HttpWatch图标以查看网络跟踪。
free version将为每个请求提供基本信息,如URL,状态代码和运行时间。

  • 免责声明:开发者:HttpWatch *

相关问题