在Chrome浏览器中调试XHR

u2nhd7ah  于 12个月前  发布在  Go
关注(0)|答案(8)|浏览(322)

如何在Chrome中查看文章内容?

inkz8wg9

inkz8wg91#

启动开发人员工具(Linux上为Shift+Ctrl+J)并单击Enable Resource Tracking。页面将刷新。单击Resources按钮,XHR显示为黄色。要查看文章内容,只需单击资源。POST内容位于请求标头中。您还可以使用选项卡下方栏中的XHR按钮仅过滤XHR。
希望这能帮上忙
d34dh0r53

jc3wubiy

jc3wubiy2#

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

slwdgvem

slwdgvem3#

2015更新

Chrome版本43现在,转到Settings > General > Console并选中“Log XMLHttpRequests”选项。
更新:我想看到XHR对象,但似乎我仍然不能这样做,尽管日志记录。

arknldoa

arknldoa4#

JavaScript控制台面板右键,勾选日志XMLHttpRequests选项。然后在开发工具部分选择网络选项卡。
当您触发 AJAX 请求时,一个新项目将(有时会延迟)出现在网络选项卡中。点击查看,选择【标题】。
这将显示您刚刚发送的帖子数据。

5fjcxozz

5fjcxozz5#

2020年更新

在当前版本的Chrome(Google Chrome 81.0.4044.138)中,您可以简单地

  • 打开开发人员工具
  • 导航到控制台
  • 单击控制台设置(由右上角附近的链轮小部件表示)
  • 打开“LogXMLHttpRequests”
f87krz0w

f87krz0w6#

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

pzfprimi

pzfprimi7#

2015年更新

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

huwehgph

huwehgph8#

附加:如果您无法在网络选项卡中看到Fecth/xhr,JS,CSS等选项。
然后不要尝试检查每个设置,而是“恢复默认值并重新加载:(设置的底部)。选项将出现,稍后您可以编辑设置。
希望有帮助。

相关问题