有没有一种方法,使一个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控制台并编辑它,而不是使用命令行。
推荐文章
- 卸载Chrome开发工具
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- Chrome在哪里存储扩展?
- 窗口。亲近与自我。close不关闭Chrome中的窗口
- 防止滚动条增加到Chrome页面的宽度
- URL中的“#:~:text=”位置哈希值到底是什么?
- 如何禁用谷歌翻译从HTML在Chrome
- Chrome开发工具:如何找出什么是覆盖CSS规则?
- 资源解释为样式表,但以MIME类型text/html传输(似乎与web服务器无关)
- Chrome iOS(和Safari)的远程调试
- 在Chrome中模拟有限的带宽?
- 资源解释为文档,但使用MIME类型application/zip传输
- 如何让Chrome允许混合内容?