javascript - 我如何使用我的 chrome 扩展程序 console.log POST 请求

Question

我正在尝试使用我的 chrome 扩展程序 console.log POST 请求，但不知道该怎么做，谁能给我举个例子吗？我已经查看了 chrome 扩展 API，但似乎仍然无法理解它

Answer 1

在谷歌浏览器中，POST 和 GET 等浏览器请求在检查器的 Network 选项卡中可见。

截图来自 Chrome Devtools Overview :

如果您正在寻找一种自然的方式来对浏览器请求进行 Javascript Hook (例如将它们注销)，您将遇到更多问题，因为没有 native 方式让 Javascript Hook 出于安全原因，基于浏览器规模的请求。

但是如果您可以使用专门的扩展来完成这项工作，您可以查看 Chrome 的 webRequest 扩展:

https://developer.chrome.com/extensions/webRequest

Use the chrome.webRequest API to observe and analyze traffic and to intercept, block, or modify requests in-flight.

下面是一个监听 onBeforeRequest 事件的例子:

  chrome.webRequest.onBeforeRequest.addListener(callback, filter, opt_extraInfoSpec);

注意，存在安全要求和限制:

You must declare the "webRequest" permission in the extension manifest to use the web request API, along with host permissions for any hosts whose network requests you want to access.

请注意，由于网页资源加载(HTTP/1.x 或 HTTP/2.0)的顺序或异步性质，您不能保证捕获所有浏览器发出的请求发生在您的 Javascript Hook 设置之前。

最终，你有一些技巧，比如those referenced here用于通过 Javascript 代理机制检测 AJAX 调用。

另一种策略是在服务器上驱逐请求检测并通知客户端他发送了一个请求(例如通过 Websockets/队列)。它只适用于针对您管理的域的请求，而且这听起来像是一个有点昂贵的解决方案。这完全取决于您的最终需求。