Chrome开发者工具无法捕获AJAX请求

Question

5

当我在 Chrome 的开发者工具中观察 Facebook 个人资料页面的 Network 标签时，我注意到几乎没有捕获到 XHR 请求。点击个人资料页面上的链接，例如查看个人资料的照片，显示没有进行 AJAX 请求，但是该网站似乎仍停留在同一页面，表现得非常类似 AJAX。

Facebook 个人资料页面真的使用像 jQuery 的 $.get() 那样的 AJAX 请求吗？如果是，为什么它们不出现在开发者工具中？如果不是，我该如何实现相同的效果？

- Nyxynyx

1

他们可能使用JSONP。 - Greg Guida

在Chrome中，我观察到各种类型的流量，包括主动流量（我正在做某事，点击按钮）和被动流量（定期请求新信息）。尝试打开XMLHttpRequests的控制台日志记录（开发者工具窗口右下角，然后在控制台下方）。然后观察网络选项卡和控制台，看看是否有所不同。 - Brandon Boone

2个回答

1

当然你可以捕获JSONP请求。JSON-P实际上就是普通的JSON数据，但包装在JavaScript函数中。响应看起来像：

jQuery17206302290489639558_1343824008197([{"
它可能不会出现在Chrome开发者工具中，这可能是由于使用HTTPS引起的。

顺便说一下，如果你对与Facebook API交互感兴趣或正在探索，那么有很多（免费）在线工具可供使用。Apigee的Facebook控制台是一个非常好的选择：https://apigee.com/console/facebook

- S P

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alex Rovner · Accepted Answer

我自己以前也遇到过这个问题。当查看网络选项卡时，您可以过滤出要开发工具显示的请求类型。默认情况下选择了“所有”。但是，如果您意外地单击“JS”，“CSS”等，则仅会显示这些请求。

点击“All”即可解决问题。