有没有办法在 Chrome 或 Firefox 中修改 HTTP 请求？

Question

有没有办法使用 Chrome 开发工具或 Firebug 修改 HTTP 请求？例如，当在 Chrome 中进行本地开发和测试时，我有一个页面需要 HTTP 请求来填充一些数据。因为它是本地的，所以该服务不可用。

目前解决该问题的唯一方法是在 Apache 中配置代理传递，以便它能够满足该调用的 QA 环境。我正在寻找或更简单的方法来实现此目的，因为我使用 Jetty 来测试应用程序并且无法配置代理通行证（或我知道的）。

换句话说，有没有办法在本地测试应用程序时为当前会话创建临时代理通行证？

Answer 1

这在某些情况下可能会有所帮助 - 使用 fetch 命令发送另一个被篡改的请求。以下是在 Chrome 中执行此操作的方法：

1. 打开 DevTools，选项卡“网络”
2. 清晰
3. 正常创建您的请求
4. 右键单击该请求并选择“复制”>“复制为获取”
5. 转到控制台选项卡并粘贴
6. 篡改数据并按 Enter

Answer 2

您可以使用 tweak chrome 扩展，您将能够做到这一点，拦截和修改 HTTP 请求。

Answer 3

我不确定这是否可以解决您的具体问题，但您可以使用 Chrome Overrides 来覆盖 Web 请求的文件内容和响应标头。 当我想在远程环境中修改请求时，此文档https://developer.chrome.com/docs/devtools/overrides/对我来说非常方便。

Answer 4

我不知道如何直接拦截和修改 Chrome 或 Firefox 中的所有请求，但为此，如果 chrome 本地覆盖还不够，我会在调试时在应用程序级别或网络级别拦截请求。

在应用程序级别，服务工作者可以通过 fetch api 拦截和修改页面发出的任何请求。 https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers

在网络层面，我使用的免费应用程序是 mitmproxy https://mitmproxy.org/。中间人代理服务器，允许拦截、修改和模拟设备的任何 http 请求。