使用 javascript/jquery 跟踪浏览器发送的 http 请求

Question

使用 javascript 或 jquery，有没有办法跟踪网页发送的 http 请求（包括标头、参数等）？我想要实现的是类似于 Google Chrome 开发者控制台“网络”选项卡的功能。我找到的所有解决方案要么是跟踪 Ajax 请求，要么是使用 javascript（使用 XMLHttpRequest 对象）发出的请求。此功能也应该是跨浏览器兼容的。

Answer 1

你有三个选择。

1. 确保您知道可以触发请求的所有位置，并向其附加一个事件，例如RequestFired。并onRequestFired在 JavaScript / jQuery 代码中绑定事件。

2. 浏览网络开发人员文档或每个浏览器，并根据浏览器执行它。此功能在 Internet Explorer 7 和 8 等较旧的浏览器中可能不可用。

   • 谷歌开发者文档
   • 火狐网络信息API
   • 网络信息.connection

3. 如果适用于特定服务器，请使用服务器端脚本读取服务器日志并使用端点访问它。您可以使用长轮询方法并获取日志内容，可能是这样的：

       // jQuery
       $(document).ready(function () {
         setInterval (function () {
           $("#log").load("/path/to/endpoint.log");
         }, 5000);
       });

       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
       <h3>Logs</h3>
       <div id="log"></div>