我一直在寻找一种方法来改变一个XHR请求在我的浏览器,然后重新播放它。

假设我在浏览器中完成了一个完整的POST请求,我唯一想要更改的是一个小值,然后再播放一次。 如果直接在浏览器中完成,这将更容易、更快。

我在谷歌上搜索了一下,还没有找到在Chrome或Firefox中做到这一点的方法。

在这两种浏览器中是否有办法做到这一点?


当前回答

Chrome浏览器现在有Copy取回版本67:

复制为取回 右键单击一个网络请求,然后选择Copy > Copy As Fetch,将该请求的Fetch()等效代码复制到剪贴板。

https://developers.google.com/web/updates/2018/04/devtools#fetch

样例输出:

fetch("https://stackoverflow.com/posts/validate-body", {
  credentials: "include",
  headers: {},
  referrer: "https://stackoverflow.com/",
  referrerPolicy: "origin",
  body:
    "body=Chrome+now+has+_Copy+as+fetch_+in+version+67%3A%0A%0A%3E+Copy+as+fetch%0ARight-click+a+network+request+then+select+**Copy+%3E+Copy+As+Fetch**+to+copy+the+%60fetch()%60-equivalent+code+for+that+request+to+your+clipboard.%0A%0A&oldBody=&isQuestion=false",
  method: "POST",
  mode: "cors"
});

不同的是,Copy as cURL也将包括所有的请求头(如Cookie和接受),适合在Chrome之外重播请求。fetch()代码适用于在同一浏览器中重播。

其他回答

Chrome浏览器现在有Copy取回版本67:

复制为取回 右键单击一个网络请求,然后选择Copy > Copy As Fetch,将该请求的Fetch()等效代码复制到剪贴板。

https://developers.google.com/web/updates/2018/04/devtools#fetch

样例输出:

fetch("https://stackoverflow.com/posts/validate-body", {
  credentials: "include",
  headers: {},
  referrer: "https://stackoverflow.com/",
  referrerPolicy: "origin",
  body:
    "body=Chrome+now+has+_Copy+as+fetch_+in+version+67%3A%0A%0A%3E+Copy+as+fetch%0ARight-click+a+network+request+then+select+**Copy+%3E+Copy+As+Fetch**+to+copy+the+%60fetch()%60-equivalent+code+for+that+request+to+your+clipboard.%0A%0A&oldBody=&isQuestion=false",
  method: "POST",
  mode: "cors"
});

不同的是,Copy as cURL也将包括所有的请求头(如Cookie和接受),适合在Chrome之外重播请求。fetch()代码适用于在同一浏览器中重播。

不需要安装第三方扩展!

存在javascript片段,你可以添加为浏览器书签,然后在任何网站上激活来跟踪和修改请求。它看起来是这样的:

如需进一步说明,请查看github页面。

对于Firefox来说,这个问题自己解决了。它实现了“编辑和重发”功能。

对于Chrome篡改扩展似乎做的把戏。

有几种方法可以做到这一点,如上所述,但以我的经验,操作XHR请求和重新发送的最好方法是使用chrome开发工具复制请求为cURL请求(右键单击网络选项卡中的请求),并简单地导入到邮差应用程序(巨大的导入按钮在左上角)。

铬:

在devtools的Network面板中,右键单击,选择“Copy as cURL” 粘贴/编辑请求,然后从终端发送它,假设您有curl命令

参见捕获:

或者,如果你需要在网页的上下文中发送请求,选择“Copy as fetch”并从javascript控制台面板编辑-发送内容。

Firefox:

Firefox允许直接从Network面板编辑和重新发送XHR。下图来自Firefox 36: