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


当前回答

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

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

其他回答

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

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

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

如果你在你的网站上使用jquery,你可以在你的控制台上使用这样的东西

$ . post ( “dom / data-home.php”, { 类型:"home", id: "0" }、功能(数据){ console.log(数据) }) < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js " > < /脚本>

如果你想编辑并重新发布你在Chrome开发者工具的网络选项卡中捕获的请求:

右键单击请求的Name 选择“Copy > Copy as cURL” 粘贴到命令行(命令包括cookie和头文件) 根据需要编辑请求并运行

最短的方法是:

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

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