Chrome开发者工具未捕获AJAX请求

Question

在Facebook上的个人资料页面上观察Chrome开发者工具的Network标签时，我注意到几乎没有捕获到XHR请求。单击配置文件页面，例如单击链接以查看配置文件的照片，显示没有发出任何AJAX请求，但该网站似乎与单页面应用程序保持在同一页面上，并且表现得非常像AJAX。 / p>

Facebook个人资料页面是否真的使用jQuery的$.get()之类的AJAX请求？如果是这样，为什么它们不会出现在开发人员工具中。如果没有，我怎样才能达到同样的效果？

Answer 1

• 当然，您可以捕获JSONP请求。 JSON-P只不过是普通的JSON数据，而是包含在JavaScript函数中。回复将如下：

  jQuery17206302290489639558_1343824008197（[{“

• 可能是因为使用HTTPS而导致Chrome开发人员工具无法显示。

顺便说一下，如果您有兴趣或者目前正在探索如何与Facebook API进行交互，那么有很多（免费）和在线工具。 Apigee的Facebook控制台非常好：https://apigee.com/console/facebook

Answer 2

我过去曾经被自己咬过。查看“网络”选项卡时，您可以筛选出希望开发人员工具显示的请求类型。默认情况下，选择“全部”。但是，如果您不小心点击“JS”，“CSS”等，那么只会显示这些请求。

点击“全部”，您的问题就会得到解决。