在chrome浏览器中调试XHR

时间:2009-10-08 03:26:07

标签: ajax google-chrome

如何在Chrome中查看帖子内容?

7 个答案:

答案 0 :(得分:30)

启动开发人员工具(Linux上为Shift+Ctrl+J),然后点击Enable Resource Tracking。该页面将刷新。单击“资源”按钮,XHR显示为黄色。要查看帖子内容,只需单击该资源即可。 POST内容位于请求标头中。您还可以使用选项卡下方栏中的XHR按钮过滤掉XHR。

希望这有帮助,
d34dh0r53

答案 1 :(得分:9)

在Windows,Chrome 12上,我必须右键单击控制台窗口中的某个位置并勾选XMLHttpRequest日志记录以启用此功能。

答案 2 :(得分:8)

2015年更新

立即使用Chrome版本43,转到Settings > General > Console并查看" 日志XMLHttpRequests "选项。

更新: 我想看看XHR对象,但看起来我仍然无法做到这一点。

答案 3 :(得分:4)

Javascript控制台窗格中右键单击并勾选“日志XMLHttpRequests ”选项。然后在开发人员工具部分中选择网络选项卡。

当您触发Ajax请求时,新项目(有时会延迟)会显示在网络标签中。单击它进行检查,然后选择“标题”。

这将显示您刚刚发送的帖子数据。

答案 4 :(得分:1)

一种选择是使用普通的数据包嗅探器,如wireshark看来chrome现在支持直接嗅探XHR,见下文。

答案 5 :(得分:0)

2015年更新

最新的Chrome会强制您在时间轴中选择请求(由小蓝点表示)。使用滑块挂钩可放大浏览器中加载页面后发送请求的时间。您将在时间轴下方的窗格中看到请求(在我的情况下隐藏了这些请求,我不得不将开发控制台拖得更深入到页面空间)。我猜谷歌添加了这个,所以你可以更好地跟踪时间的事件。

答案 6 :(得分:0)

2020更新

在当前版本的Chrome(Google Chrome 81.0.4044.138)中,您只需

  • 打开开发人员工具
  • 导航到控制台
  • 单击控制台设置(由右上角附近的sprocket小部件表示)
  • 切换“ Log XMLHttpRequests”