How to manually send HTTP POST requests from Firefox or Chrome browser

Question

I want to test some URLs on a web application I m working on  For that I would like to manually create HTTP POST requests  meaning I can add whatever parameters I like    Is there any extension or functionality in Chrome and or Firefox that I m missing

User · Answer

Check out http-tool for firefox     https   addons mozilla org en-US 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

User · Answer

Having been greatly inspired by Postman for Chrome  I decided to write something similar for Firefox   REST Easy  is a restartless Firefox add-on that aims to provide as much control as possible over requests  The add-on is still in an experimental state  it hasn t even been reviewed by Mozilla yet  but development is progressing nicely     The project is open source  so if anyone feels compelled to help with development  that would be awesome  https   github com nathan-osman Rest-Easy    the add-on available from http   addons mozilla org will always be slightly behind the code available on GitHub

User · Answer

Forget browser and try CLI  HTTPie is great tool   CLI http clients   HTTPie HTTP Prompt Curl wget  If you insist on browser extension then  Chrome   Postman - REST Client  deprecated  now has a desktop program  Advanced REST client Talend API Tester - Free Edition  Firefox   RESTClient

User · Answer

Try Runscope  A free tool sampling their service is provided at https   www hurl it    You can set the method  authentication  headers  parameters  and body  Response shows status code  headers  and body  The response body can be formatted from JSON with a collapsable heirarchy  Paid accounts can automate test API calls and use return data to build new test calls   COI disclosure  I have no relationship to Runscope

User · Answer

Just to give my 2 cents to this answer  there have been some other clients born since the raise of Postman that worth mentioning here   Insomnia  with both desktop app and chrome plugin Hoppscotch  previously known as Postwoman  and with a chrome plugin available as well  You can also make it work locally with docker if you want to get funny Paw  if you are on Mac Advanced Rest Client  already mentioned as a chrome plugin  but worth pointing out that it also has a desktop app soapUI  written in java and with lots of testing functionality Boomerang  yet another way to test APIs  It comes with SOAP integration and it also has a chrome plugin available

User · Answer

You can post requests directly from the browser with ReqBin  No plugin or desktop app is required   https   reqbin com

User · Answer

You specifically asked for  extension or functionality in Chrome and or Firefox   which the answers you have already received provide  but I do like the simplicity of oezi s answer to the closed question  how to send a post request with a web browser  for simple parameters  oezi says   with a form  just set method to  post    lt form action  blah php  method  post  gt     lt input type  text  name  data  value  mydata    gt     lt input type  submit    gt   lt  form gt    I e  build yourself a very simple page to test the post actions

User · Answer

May not be directly related to browsers but fiddler is another good software

User · Answer

Here s the Advanced REST Client extension for Chrome  It works great for me -- do remember that you can still use the debugger with it  The Network pane is particularly useful  it ll give you rendered JSON objects and error pages

User · Answer

For firefox there is also an extension called RESTClient which is quite nice   https   addons mozilla org en-US firefox addon restclient

User · Answer

You could also use Watir or Watin to automate browsers  Watir is written for ruby and Watin is for  Net languages  Not sure if it s what you are looking for though    http   watin sourceforge net  http   watir com

User · Answer

I think that  Benny Neugebauer comment on the OP question about the Fetch API should be presented here as an answer since the OP was looking for a functionality in Chrome to manually create HTTP POST requests and that exactly what the fetch command do  There is a nice simple example of the 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   gt  response json       then json   gt  console log json    Some of the advantages of the fetch command are really precious  Its simple  short  fast  available and even as a console command it stored on your chrome console and can be used later  The simplicity of pressing F12  write the command in the console tab  or press the up key if you used it before  then press enter  see it pending and returning the response is what making it really useful for simple post requests tests  Of course  The main disadvantage here is that unlike Postman  This wont pass the cross-origin-policy but still I find it very useful for testing in local environment or other environments where I can enable CORS manually

User · Answer

Firefox  Open Network panel in Developer Tools by pressing Ctrl Shift E or by going Menubar -  Tools -  Web Developer -  Network   Then Click on small door icon on top-right  in expanded form in the screenshot  you ll find it just left of the highlighted Headers   second row  if you don t see it then reload the page  -  Edit and resend whatever request you want

User · Answer

CURL is AWESOME to do what you want   It s a simple but effective command line tool   Rest implementation test commands     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

User · Answer

I have been making a Chrome app called Postman for this type of stuff  All the other extensions seemed a bit dated so made my own  It also has a bunch of other features which have been helpful for documenting our own API here     Postman now also has native apps  i e  standalone  for Windows  Mac and Linux  It is more preferable now to use native apps  read more here

[ajax] How to manually send HTTP POST requests from Firefox or Chrome browser?

Examples related to ajax

Examples related to google-chrome

Examples related to firefox

Examples related to browser

Examples related to http-post