有没有一种方法,使一个HTTP请求使用Chrome开发工具,而不使用插件像海报?


当前回答

要GET带报头的请求,请使用此格式。

   fetch('http://example.com', {
      method: 'GET',
      headers: new Headers({
               'Content-Type': 'application/json',
               'someheader': 'headervalue'
               })
    })
    .then(res => res.json())
    .then(console.log)

其他回答

保持简单,如果你想请求使用相同的浏览上下文的页面,你已经在看然后在Chrome控制台只做:

window.location="https://www.example.com";

我很幸运地结合了上面的两个答案。在Chrome中导航到站点,然后在DevTools的Network选项卡上找到请求。右键单击请求并复制,但是复制为fetch而不是cURL。您可以直接将获取代码粘贴到DevTools控制台并编辑它,而不是使用命令行。

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

现代浏览器现在支持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()

扩展@dhfsk答案

这是我的工作流程

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