如何在javascript中监控来自浏览器的传出请求？

Question

我正在尝试记录浏览器中的网站在幕后制作的所有请求。我可以使用Chrome的anylitics或Firebug手动完成，但我想要（a）一个快速的js扩展，我可以在我想记录请求的时候在网站上添加书签和运行，或者（b）一个chrome / firefox扩展来做所以。我发现this线程大致相同，但我也想捕获AJAX请求。我怎么能这样做呢？

Answer 1

Fiddlr

http://www.telerik.com/fiddler

此应用程序在浏览器外部运行，以检查计算机和Internet之间传输的所有数据。这是我用来调试应用程序设计的东西，我认为它对你需要的东西很有用。

要注意一旦运行它将自动“记录”所有请求，并且可以轻松保存它们以供日后查看。应用程序的大量扩展也可能为您做同样的事情。

主要特点

HTTP / HTTPS流量录制 Fiddler是一个免费的Web调试代理，它记录您的计算机和Internet之间的所有HTTP流量。使用它来调试几乎任何支持IE，Chrome，Safari，Firefox，Opera等代理的应用程序的流量。

<强>篡改客户端请求和服务器 - 响应 网络会话操作 轻松操作和编辑Web会话。您需要做的就是设置一个断点来暂停会话的处理并允许更改请求/响应。您还可以编写自己的HTTP请求以通过Fiddler运行。

<强>检查和调试的流量从 - 任何客户端 网络调试 调试来自PC，Mac或Linux系统和移动设备的流量。确保在客户端和服务器之间传输正确的cookie，标头和缓存指令。支持任何框架，包括.NET，Java，Ruby等。

<强>解密-HTTPS的web的会话 安全测试 使用Fiddler对Web应用程序进行安全性测试 - 解密HTTPS流量，并使用中间人解密技术显示和修改请求。配置Fiddler解密所有流量，或仅解密特定会话。

试验的性能 - 的 - 你的web站点和-应用 性能测试 Fiddler让您一目了然地看到“总页面权重”，HTTP缓存和压缩。使用诸如“标记任何大于25kb的未压缩响应”之类的规则来隔离性能瓶颈。

---

<强>更新

Google Chrome开发人员工具（特别是网络标签）您可以直接从当前网页轻松查看网络流量，并监控所有HTTP信息，例如请求和响应标头，Cookie和计时元素。

Answer 2

尝试使用jQuery Global Ajax Event Handlers

  

这些方法注册在页面上的任何Ajax请求发生某些事件（如初始化或完成）时调用的处理程序。如果jQuery.ajaxSetup（）中的全局属性为true，则默认情况下会对每个Ajax请求触发全局事件。注意：无论全局值是什么，都不会为跨域脚本或JSONP请求触发全局事件。