如何通过重定向使用Chrome的网络调试器


379

Chrome网络调试器使我可以很好地了解为页面加载的所有HTTP资源。但是,只要加载了新的顶层HTML页面,它就会清除该列表。这使得调试由于某种原因或另一原因(运行脚本或300个响应)而自动重新加载的页面非常困难。

加载新的顶层页面时,我可以告诉Chrome不要清除网络调试器吗?还是可以返回查看上一页的网络资源?

或者,当我无法控制要重定向的页面时,是否可以以某种方式迫使Chrome在加载新页面之前暂停?它是OpenID舞步的一部分,它会出错,因此SSL和凭据的组合使使用命令行工具进行调试非常困难。


与前1个月发布的副本相比,此副本获得的投票结果如何?stackoverflow.com/q/10703944/632951
Pacerier

6
@Pacerier您链接的链接似乎没有被您发布,但原因可能是标题中没有“ Chrome”。人们在寻找与Chrome相关的内容时,他们的搜索通常会包含关键字Chrome。“ Google开发者工具”令人难以置信。
乔尔·梅隆

Answers:


527

自v32起,此功能已更改,这要感谢@Daniel Alexiuc和@Thanatos的评论。


电流(≥v32)

在DevTools的“网络”标签的顶部,有一个复选框可以打开“保留日志”功能。如果选中,则网络日志将在页面加载时保留。

Chrome v33 DevTools的“网络”标签:保留日志

现在,左侧的小红点旨在完全打开和关闭网络登录。


旧版本

在旧版的Chrome(此处为v21)中,“网络”标签的页脚中有一个可点击的小红点。

Chrome v22 DevTools的“网络”标签:在导航时保留日志

如果将鼠标悬停在它上面,它将告诉您,激活它时它将“在导航时保留日志”。它信守承诺。


1
在版本32中,它仍然存在,但已移至网络面板的顶部。
Daniel Alexiuc 2014年

4
实际上,它现在位于顶部,但称为“保留日志”,并且是一个复选框。令人困惑的是,仍然有一个红色的记录图标,但这仅仅是是否要登录。
Thanatos

1
感谢您对更改发表评论,我只是相应地更新了答案。
bfncs 2014年

@ruben,现在的界面确实确实有些不同,但是在网络标签顶部仍然有一个标有“保存日志”的复选框:i.imgur.com/fhSDYSz.png
bfncs 2015年

14
@ rubenlop88确保您未在Documents上进行过滤,否则它们将不会在那里存在。您可以在“ 其他”选项卡中专门检查它们。
亚历克斯2015年

173

我不知道一种强制Chrome无法清除网络调试器的方法,但这可能会实现您要查找的内容:

  1. 打开js控制台
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

这将在击中断点之前在加载新页面之前暂停chrome。


55
这不是该问题的正确答案,但这实际上是我在寻找的东西。谢谢。
isaaclw

2
真漂亮 我到这里寻找“重定向前暂停”解决方案,就在这里。接受的答案更容易记住,但这很可靠。
乔尔·梅隆

19
这非常有用,因为如果浏览器在获得响应后立即重定向,则chrome不会显示服务器响应正文。
克里斯托夫·多比(KristófDombi),2015年

23

只需更新@bfncs答案

我认为在Chrome 43上,行为有所改变。您仍然需要启用“保留日志”才能查看,但是当“文档”下显示已加载的文档时,“重定向”下将显示“重定向”。

这总是让我感到困惑,因为我有很多网络请求,并按XHR,Doc,JS等类型对其进行过滤。但是在重定向的情况下,Doc选项卡为空,因此我不得不猜测。


1
你是我要找的英雄!
Matthew Haworth

23

在重定向到其他页面之前调试网络调用的另一个好方法是选择beforeunload事件断点

这样,您可以确保在将流重定向到另一个页面之前中断流,这样所有网络调用,网络数据和控制台日志仍然存在。

当您要检查呼叫响应时,此解决方案是最佳选择

Chrome beforeunload事件断点

PS:如果您想特定呼叫或任何呼叫之前停止,也可以使用XHR断点(请参见图像示例) XHR断点


2
这很棒。通过该load事件,我们可以在开始处停止并轻松设置断点。谢谢!
LeOn-韩立
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.