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

Question

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

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

Answer 1

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

Postman现在还拥有适用于Windows,Mac和Linux的原生应用程序(即独立应用程序)!现在更优选使用本机应用程序,请在此处阅读更多内容.

Answer 2

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

Answer 3

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

CLI http客户端:

• HTTPie
• HTTP提示
• 卷曲
• wget的

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

Chrome:

• 邮差 - REST客户端(最佳浏览器客户端)
• 高级REST客户端

Firefox:

• REST Easy(设计不错)
• RESTClient实现
• 海报插件

Answer 4

火狐

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

编辑:添加图像.不幸的是我在Linux上,所以没有简单的工具可以圈出一些东西,但希望这些亮点会让事情变得清晰..

Answer 5

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

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

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

_{*http://addons.mozilla.org上提供的附加组件将始终略微落后于GitHub上提供的代码}

Answer 6

您明确要求"Chrome和/或Firefox中的扩展程序或功能",您已经收到的答案提供了,但我确实喜欢oezi对"如何使用网络浏览器发送帖子请求"这个封闭问题的答案的简单性对于简单的参数.oezi说:

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

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

即建立一个非常简单的页面来测试后期操作.

Answer 7

这有点难看,但Chrome 的简单REST客户端扩展.

它对我很有用 - 请记住,你仍然可以使用调试器."网络"窗格特别有用; 它将为您提供呈现的JSON对象和错误页面.

Answer 8

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

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

Answer 9

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

Answer 10

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

还有就是提取API的一个很好的简单的例子，在这里：

// 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，请按下向上键）然后按下，查看它挂起并返回响应，这使得它对于简单的 POST 请求测试非常有用。

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

Answer 11

您还可以使用Watir或WatiN来自动化浏览器。Watir 是为 Ruby 编写的，而 Watin 是为 .NET 语言编写的。不过，我不确定这是否是您要找的。

• http://watin.sourceforge.net/
• http://watir.com/

Answer 12

自 Postman 兴起以来，还诞生了一些其他客户端，这里值得一提：

• Insomnia：同时具有桌面应用程序和Chrome 插件
• Hoppscotch：以前称为 Postwoman，并且还提供 Chrome 插件。如果你想变得有趣，你也可以让它在本地与 docker 一起工作
• Paw：如果你使用的是 Mac
• Advanced Rest Client：已经作为Chrome 插件提到过，但值得指出的是它还有一个桌面应用程序
• SoapUI：用 Java 编写，具有大量测试功能
• Boomerang：测试 API 的另一种方法。它带有SOAP集成，并且还有一个可用的Chrome 插件
• Thunder 客户端：如果您使用 VS Code 作为文本编辑器，那么您应该去看看这个很棒的扩展