扩展@dhfsk答案

这是我的工作流程

在Chrome DevTools中，右键单击您想要操作> Copy作为cURL的请求 开放的邮递员 单击左上角的导入，然后粘贴原始文本

由于Chrome(和大多数其他浏览器)支持Fetch API，现在很容易从devtools控制台发出HTTP请求。

获取一个JSON文件:

fetch(“https://jsonplaceholder.typicode.com/posts/1”) .then(res => res.json()) 不要犹豫(console.log)

或者POST一个新资源:

fetch (https://jsonplaceholder.typicode.com/posts, { 方法:“文章”, 身体:JSON.stringify ({ 标题:“foo”, 身体:“酒吧”, 用户标识:1 }）， 标题:{ “内容类型”:“application / json;charset = utf - 8 ' ｝ }) .then(res => res.json()) 不要犹豫(console.log)

Chrome Devtools实际上也支持新的async/await语法(即使await通常只能在async函数中使用):

const response = await fetch('https://jsonplaceholder.typicode.com/posts/1')
console.log(await response.json())

请注意，您的请求将遵循同源策略，就像浏览器中的任何其他http请求一样，因此要么避免跨源请求，要么确保服务器设置了允许您的请求的CORS-headers。

使用插件(旧答案)

作为之前发布的建议的补充，我发现Chrome的邮递员插件工作得非常好。它允许你设置头和URL参数，使用HTTP认证，保存你经常执行的请求等等。

我知道，老帖子……但把这个留在这里可能会有帮助。

现代浏览器现在支持Fetch API。

你可以这样使用它:

fetch("<url>")
    .then(data => data.json()) // could be .text() or .blob() depending on the data you are expecting
    .then(console.log); // print your data

ps:它将进行所有的CORS检查，因为它是一个改进的XmlHttpRequest。

最短的方法是:

await (await fetch('<URL>')).json()

是的，有一个没有任何第三方扩展的方法。

我已经构建了javascript片段(你可以添加为浏览器书签)，然后在任何网站上激活来监控和修改请求。：

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

你可以在Firefox的检查器中编辑/重新发送请求，而不需要使用任何第三方，如下所示:

在Firefox中按F12打开检查器▶进入“网络”页签 找到你的API请求并点击它，这样'Headers'部分就会出现在右边(你可以在顶部的栏中过滤) “标题”选项卡带有一个重发按钮，在这里你可以重发或编辑和重发

截图