如何使用Firefox或Chrome手动触发HTTP POST请求?

时间:2011-01-25 18:45:15

标签: firefox google-chrome http-post

我想在我正在处理的Web应用程序上测试一些URL。为此,我想手动创建HTTP POST请求(意味着我可以添加我喜欢的任何参数)。

我缺少Chrome和/或Firefox中的任何扩展程序或功能吗?

14 个答案:

答案 0 :(得分:1616)

我一直在为这类东西制作名为Postman的Chrome应用。所有其他扩展似乎有点过时,所以我自己。它还有许多其他功能,这些功能有助于在此处记录我们自己的API。


Postman现在还拥有适用于Windows,Mac和Linux的native apps(即独立版)!现在更优选使用原生应用,请阅读更多here

答案 1 :(得分:244)

CURL很棒,可以做你想做的事!这是一个简单但有效的命令行工具。

休息实施测试命令:

curl -i -X GET http://rest-api.io/items
curl -i -X GET http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X DELETE http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X POST -H 'Content-Type: application/json' -d '{"name": "New item", "year": "2009"}' http://rest-api.io/items
curl -i -X PUT -H 'Content-Type: application/json' -d '{"name": "Updated item", "year": "2010"}' http://rest-api.io/items/5069b47aa892630aae059584

答案 2 :(得分:147)

忘记浏览器并尝试CLI。 HTTPie是一个很好的工具!

enter image description here

CLI http客户端:

如果你坚持浏览器扩展,那么:

<强>铬

<强>火狐

答案 3 :(得分:119)

<强>火狐

Ctrl-Shift-Q 打开“开发者工具”中的“网络”面板,或者转到Firefox - &gt;开发人员工具 - &gt;网络选项卡(突出显示)。然后单击右上角的小门图标(在屏幕截图中以扩展形式显示,它将在突出显示的标题左侧找到),第二行(如果您没有看到它然后重新加载页面) - &gt;编辑并重新发送您想要的任何请求

编辑:添加了图片。

Firefox Dev Tools with button "Edit and Resent" highlighted

POST request body highlighted

答案 4 :(得分:42)

受到Postman for Chrome的极大启发,我决定为Firefox写一些类似的内容。

REST Easy *是一个无重启的Firefox附加组件,旨在尽可能多地提供对请求的控制。附加组件仍然处于实验状态(它甚至还没有被Mozilla审查)但是开发进展顺利。

该项目是开源的,所以如果有人觉得有必要帮助开发,那就太棒了:https://github.com/nathan-osman/Rest-Easy

* http://addons.mozilla.org提供的加载项总是略微落后于GitHub上可用的代码

答案 5 :(得分:15)

这有点难看,但Chrome有Simple REST Client扩展名。

它对我很有用 - 请记住,您仍然可以使用调试器。 “网络”窗格特别有用;它会为你提供渲染的JSON对象和错误页面。

答案 6 :(得分:14)

您明确要求Chrome和/或Firefox&#34;中的&#34;扩展程序或功能,您已经收到的答案,但我确实喜欢简单参数oezi's answer to the closed question "how to send a post request with a web browser"的简单性。 oezi说:

使用表单,只需将method设置为"post"

<form action="blah.php" method="post">
  <input type="text" name="data" value="mydata" />
  <input type="submit" />
</form>

即。为自己构建一个非常简单的页面来测试后期操作。

答案 7 :(得分:10)

对于firefox,还有一个名为RESTClient的扩展,非常好用:

https://addons.mozilla.org/en-US/firefox/addon/restclient

答案 8 :(得分:8)

可能与浏览器没有直接关系,但fiddler是另一个很好的软件。

Fiddler web debugger

答案 9 :(得分:5)

我认为@Benny Neugebauer 对关于 Fetch API 的 OP 问题的评论应该在此处作为答案呈现,因为 OP 正在寻找 Chrome 中手动创建 HTTP POST 请求的功能,而这正是获取的功能命令执行。

有一个很好的简单的 Fetch API 示例 here

// Make sure you run it from the domain 'https://jsonplaceholder.typicode.com/'. (cross-origin-policy)
fetch('https://jsonplaceholder.typicode.com/posts',{method: 'POST', headers: {'test': 'TestPost'} })
  .then(response => response.json())
  .then(json => console.log(json))

fetch 命令的一些优点真的很宝贵: 它简单、简短、快速、可用,甚至可以作为控制台命令存储在您的 chrome 控制台上,以后可以使用。

按 F12 的简单性,在控制台选项卡中写入命令(如果您以前使用过,请按向上键)然后按 Enter,查看它待处理并返回响应,这使得它对于简单的请求后测试非常有用.

当然,这里的主要缺点是与 Postman 不同,这不会通过跨域策略,但我仍然发现它对于在本地环境或其他可以手动启用 CORS 的环境中进行测试非常有用。

答案 10 :(得分:3)

您还可以使用Watir或Watin自动化浏览器。 Watir是为ruby编写的,Watin是为.Net语言编写的。不确定这是不是你想要的。

答案 11 :(得分:3)

尝试使用Runscope。 https://www.hurl.it/提供了免费提供服务的工具。您可以设置方法,身份验证,标头,参数和正文。响应显示状态代码,标题和正文。响应主体可以使用可折叠的层次结构从JSON格式化。付费帐户可以自动执行测试API调用,并使用返回数据构建新的测试调用。 COI披露:我与Runscope没有任何关系。

答案 12 :(得分:0)

您可以使用ReqBin直接从浏览器发布请求。 不需要插件或桌面应用。

https://reqbin.com

答案 13 :(得分:0)

仅给出我的2分钱,自邮递员(Postman)升职以来还诞生了一些其他客户,在这里值得一提:

相关问题