如何从Firefox或Chrome浏览器手动发送HTTP POST请求?


1033

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

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


1
Restlet的DHC(在Chrome Webstore上提供)也非常有用。
Devesh Khandelwal

10
在Chrome控制台中进行AJAX调用。无需扩展。这是发出POST请求的好方法,而无需获取身份验证cookie。$.post('/resource/path/')
FearlessFuture

11
虽然有必要加价,但结账只是胡说八道。他要求使用chrome或firefox或iif需要插件的功能。可能需要指定或未指定的插件不是重点
-Shayne

26
该帖子关闭不正确。它不要求提供工具,而是要求作者已经在使用的工具中的功能。这样,我们必须关闭所有有关如何执行此操作或在某些工具上执行该操作的所有问题-这将是SO的十分之一。
Gangnus

8
当您打开网络标签并选择一个随机请求时,我注意到Firefox上的此功能,这很酷。Edit and Resend
播放

Answers:


1836

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


Postman现在也具有适用于Windows,Mac和Linux的本机应用程序(即独立应用程序)!现在,最好使用本机应用程序,在此处了解更多信息


1
有意将其移植到Firefox吗?(或除铬以外的任何内容)
奥利(Oli

1
是的 它适用于localhost URL很好。
Abhinav

4
在Postman中使用POST时,一旦选择了x-www-form-urlencoded,就将您的键和值添加到主体。@Abhivav我只想对您的应用程序表示感谢。在测试RESTful时效果很好。
大卫,

1
如果要使用浏览器的cookie,会话,请确保也安装Postman拦截器插件。
GP半机械人

1
我很高兴在9年后阅读这篇文章,并思考邮递员如何成为开发人员生活中不可或缺的一部分。感谢@Abhinav和团队的开发。
Santhosh K Thadka

330

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

35
即使对此问题的答案是错误的,我也对此表示反对:这是我需要知道的。
吉姆·皮瓦尔斯基

8
它不能满足全部目的,因为它不能附加已在浏览器中设置的cookie。例如,您可能想要手动登录网站,然后发送发布请求。使用curl时,如果使用javascript来处理登录过程,将是一个巨大的痛苦
Vic Seedoubleyew 16-4-25

这对我不起作用,我无法在OSX上使用带zsh和bash的单引号,shell变成了quote>模式。我需要使用-d "{\"..
Daniel W.

192

火狐浏览器

通过按Ctrl+Shift+E或转到菜单栏->工具-> Web Developer->网络,在Developer Tools中打开Network面板。然后单击右上角的小门图标(在屏幕截图中以展开形式,您会发现它位于突出显示的标题的左侧),第二行(如果没有看到,请重新加载页面)->编辑并重新发送您想要的任何请求

带有“编辑并重新发送”按钮的Firefox开发工具

POST请求正文突出显示


2
这个功能对其他人来说是否无效?在“查询字符串”框中编辑参数时,更改单个字符后,它拒绝进一步更改请求。除此之外,唯一的方法就是编辑整个URL /请求(这很困难,因为它们都被伪装了)
Coldblackice

@Coldblackice您可以张贴屏幕截图或问题步骤记录器吗?我可以编辑查询字符串就好了。要添加新的查询字符串,我可以使用&=或只是开始新行。要进行编辑,更改单个k,v或我,只需删除并重新开始。
2015年

如果您想要一个查询字符串(?key=value)的字段,您可以在其中逐行输入键值对,只需在顶部的字段后面?加上a和一个字母URL,该Query String字段就会显示出来。
xuiqzy

1
那是正确的答案。
MetehanGülaç

161

忘记浏览器并尝试使用CLI。HTTPie是很棒的工具!

在此处输入图片说明

CLI http客户端:

如果您坚持使用浏览器扩展,则:

火狐



海报最后更新时间为2011年6
Richard Richard

@akostadinov我无法在mozilla中使用资源测试插件,该工具在最新版的Firefox中没有显示(即使在安装并重新启动后)。
拉姆

1
刚刚尝试过REST Easy。无需现场安装:该界面过于费力,迫使用户陷入僵化的使用情况。不适合API开发。
7heo.tk 2015年

对Firefox进行了以上建议的尝试,但发现没有比Chrome的Postman方便的。顺便说一下,REST Easy不处理空响应。
2015年

45

Postman for Chrome的极大启发,我决定为Firefox写类似的东西。

REST Easy *是一个不重启的Firefox插件,旨在为请求提供尽可能多的控制。该插件仍处于实验状态(Mozilla甚至尚未对其进行审查),但是开发进展良好。

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

*可从http://addons.mozilla.org获得的加载项始终稍稍低于GitHub上提供的代码


2
看起来不错,但是缺乏完全控制请求正文的能力。当前,它提供键/值功能,但是完全控制职位正文将是不错的。
galmok 2014年

PUT和DELETE支持将使我胜出。否则看起来不错。
丹尼斯2014年

1
@Pacerier:这是我目前正在使用的功能,大约90%已完成。希望它将在今年年底之前发布。似乎确实有积压的待让Mozilla批准插件。
内森·奥斯曼

2
经过一个多月的等待,新版本已获批准。PUT和DELETE支持已经到来!在那个月,我还做了很多其他的新更改,这些更改很快就会在下一个版本中显示。(希望这次能早日获得批准。)
Nathan Osman 2014年

2
看起来似乎不再可用。(它可能不是WebExtension,因此与Firefox> = 57不兼容。)在此跟踪此问题:github.com/nathan-osman/REST-Easy/issues/78
rug

18

您专门询问了“ Chrome和/或Firefox中的扩展或功能”,您已经收到的答案提供了这些答案,但我确实喜欢oezi回答的简单问题“如何使用网络浏览器发送发帖请求”的简单性用于简单的参数。oezi说:

与形式,只是设置method"post"

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

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


16

有点丑陋,但是有适用于Chrome 的Simple REST Client扩展。

它对我很有用-请记住,您仍然可以将其与调试器一起使用。“网络”窗格特别有用。它将为您提供呈现的JSON对象和错误页面。


不要以为这已经不存在了。
zeusstl

1
是的,链接不再可用,并且新的链接应该是chrome.google.com/webstore/detail/advanced-rest-client/...
瘤胃Jekov

@RumenJekov“ 高级 REST客户端”似乎是与“ 简单 REST客户端” 不同的产品(因此答案也不同)
TylerH




3

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


Runscope也有一个免费套餐,它每月的请求数量较低,只有一名团队成员。披露:我愿意:-)
Darrel Miller

2

检查出http-toolFirefox ..

https://addons.mozilla.org/zh-CN/firefox/addon/http-tool/

Aimed at web developers who need to debug HTTP requests and responses.
Can be extremely useful while developing REST based api.

Features:
* GET
* HEAD
* POST
* PUT
* DELETE

Add header(s) to request.
Add body content to request.

View header(s) in response.
View body content in response.
View status code of response.
View status text of response.

2
看起来似乎不再可用。(它可能不是WebExtension,因此与Firefox> = 57不兼容。)
地毯
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.