ChatGPT解决这个技术问题 Extra ChatGPT

如何使用 Chrome 的网络调试器进行重定向

Chrome 网络调试器让我可以很好地查看为页面加载的所有 HTTP 资源。但每当加载新的顶级 HTML 页面时,它就会清除列表。这使得调试由于某种原因自动重新加载的页面(运行脚本或 300 个响应)变得非常困难。

我可以告诉 Chrome 在加载新的顶级页面时不要清除网络调试器吗?或者我可以回去看看上一页的网络资源吗?

或者,当我无法控制正在尝试调试的页面时,我是否可以强制 Chrome 在加载新页面之前暂停?这是 OpenID 舞蹈的一部分,但会出错,因此 SSL 和凭据的组合使得使用命令行工具进行调试变得极其困难。

这个副本是如何获得比 1 个月前发布的更多赞成票的? stackoverflow.com/q/10703944/632951
@Pacerier 您链接的那个似乎不是您发布的,但原因可能是它的标题中没有“Chrome”。当人们在寻找与 Chrome 相关的内容时,他们的搜索通常会包含关键字 Chrome。 “谷歌开发者工具”非常模棱两可。

b
bfncs

这自 v32 以来已更改,感谢 @Daniel Alexiuc 和 @Thanatos 的评论。

当前(≥ v32)

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

https://i.stack.imgur.com/cFuNP.png

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

旧版本

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

https://i.stack.imgur.com/tSUP0.png

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


在版本 32 中它仍然存在,但已移至网络面板的顶部。
实际上,它现在位于顶部,但称为“保留日志”,并且是一个复选框。令人困惑的是,仍然有一个红色的记录图标,但这只是是否要登录。
感谢您对更改发表评论,我刚刚相应地更新了答案。
@ruben,界面现在确实看起来有点不同,但是在网络标签的顶部仍然有一个标有“保留日志”的复选框:i.imgur.com/fhSDYSz.png
@rubenlop88 确保您没有过滤文档,否则它们不会在那里持续存在。您可以在“其他”选项卡中专门检查它们。
M
Matt York

我不知道强制 Chrome 不清除网络调试器的方法,但这可能会完成您正在寻找的内容:

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

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


这不是问题的正确答案,但它实际上是我正在寻找的。谢谢。
这太光滑了。我来这里是为了寻找“重定向前暂停”解决方案,就在这里。接受的答案更容易记住,但这是rad。
这非常有用,因为如果浏览器在收到响应后立即重定向,chrome 不会显示服务器响应正文。
O
Ofir Hadad

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

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

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

https://i.stack.imgur.com/OxHxo.png

https://i.stack.imgur.com/CNGXB.png


这很棒。使用 load 事件,我们可以在开始处停止并轻松设置断点。谢谢!
只需勾选复选框,这对我不起作用。 javascript 片段 window.addEventListener("beforeunload", function() { debugger; }, false) 是必需的。
不,这不对。我每天都在使用它。
“当您想检查呼叫的响应时,此解决方案是最佳选择” 不仅保留从一个站点重定向到另一个站点的请求数据,而且响应数据正是我所需要的。自您的帖子以来已经过去了四年,并且仍然不支持一个看似明显的功能,例如捕获网络跟踪并保留原始响应数据?
s
s-f

只需更新@bfncs 答案

我认为在 Chrome 43 左右,行为发生了一些变化。您仍然需要启用 Preserve log 才能查看,但现在重定向显示在 Other 选项卡下,当加载的文档显示在 Doc 下时。

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