我一直在寻找一种方法来改变一个XHR请求在我的浏览器,然后重新播放它。
假设我在浏览器中完成了一个完整的POST请求,我唯一想要更改的是一个小值,然后再播放一次。 如果直接在浏览器中完成,这将更容易、更快。
我在谷歌上搜索了一下,还没有找到在Chrome或Firefox中做到这一点的方法。
在这两种浏览器中是否有办法做到这一点?
我一直在寻找一种方法来改变一个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: