我想在我正在工作的web应用程序中测试一些url。为此,我想手动创建HTTP POST请求(这意味着我可以添加任何我喜欢的参数)。
Chrome和/或Firefox中是否有我遗漏的功能?
我想在我正在工作的web应用程序中测试一些url。为此,我想手动创建HTTP POST请求(这意味着我可以添加任何我喜欢的参数)。
Chrome和/或Firefox中是否有我遗漏的功能?
当前回答
你特别要求“在Chrome和/或Firefox中的扩展或功能”,你已经收到的答案提供了这些,但我确实喜欢oezi对封闭问题“我如何使用web浏览器发送POST请求?”的简单参数的回答的简单性。oezi说:
在表单中,将方法设置为post
<form action="blah.php" method="post">
<input type="text" name="data" value="mydata" />
<input type="submit" />
</form>
例如,构建一个非常简单的页面来测试POST操作。
其他回答
这个问题现在已经12年了,很容易理解为什么作者在当时要求Firefox或Chrome的解决方案。12年后,也出现了其他浏览器,其中最好的不涉及任何附加组件或额外工具的浏览器是Microsoft Edge。
只需打开devtools (F12),然后是网络控制台选项卡(不是网络或控制台选项卡)。如果它不可见,请单击+号并打开它)。
下面是官方指南: https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/network-console/network-console-tool
玩得开心!
我认为Benny Neugebauer对OP问题的评论关于Fetch API应该在这里作为一个答案,因为OP正在Chrome中寻找手动创建HTTP POST请求的功能,这正是Fetch命令所做的。
这里有一个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的环境中进行测试非常有用。
它可能与浏览器没有直接关系,但Fiddler是另一个很好的软件。
CURL非常棒,可以做任何您想做的事情!这是一个简单但有效的命令行工具。
REST实现测试命令:
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
我一直在做一个叫邮递员的Chrome应用程序这类东西。所有其他的扩展似乎有点过时,所以我做了自己的。它还有很多其他特性,这些特性对我们在这里记录自己的API很有帮助。
邮差现在也有本地应用(即独立)的Windows, Mac和Linux!现在更可取的是使用本地应用程序,在这里阅读更多。