Как отправить post запрос из браузера chrome
Is there any functionality in Chrome and/or Firefox that I'm missing?
Whilst an add on is necessary, the close is niitpicking nonsense. He was asking for functionality in chrome or firefox , or iif it needs a plugin. That it might require a specifed or unspecified plugin is not the point
The post is closed incorrectly. It does not ask for a tool, but for a functionality in the tools the author already is working with. This way we have to close all questions about how to do this or that on some tool - and it will be a good on-tenth of SO.
I noticed this feature on Firefox when you open the network tab and choose a random request you can Edit and Resend it which is pretty cool.
17 Answers 17
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.
Tool might be useful, but a 3rd party app doesn't answer the question, which asks for doing this through Chrome or Firefox.
CURL is awesome to do what you want! It's a simple, but effective, command line tool.
REST implementation test commands:
I'm upvoting this even though it's a wrong answer to the question: it's what I needed to know instead.
This doesn't work for me, I can't use single quotes on OSX with zsh and bash, shell is turning into quote> mode. I need to use -d "
Yeah, curl is awesome, you almost always already have it on Unix, and it's really lightweight for Windows. No registration or SMS! ;)
Windows cmd.exe also doesn't like the single quotes, so for my POST I used: curl -i -X POST -H "Content-Type: application/json" -d "" localhost:60524 \"name\":>
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
Is this feature broken for anyone else? When editing the parameters in the "Query String" box, after altering a single character, it refuses to alter the request any further. The only way to do it beyond that is to edit the entire URL/request (which is difficult because it's all smooshed together)
@Coldblackice Can you post a screenshot or problem steps recorder please? I can edit query string just fine. To add a new query string, I either use &= or just start a new line. To edit, change individual k,v or I just delete and start over.
@dima-lituiev, The screenshots above are for Firefox and I've confirmed it works in firefox version 88.0.1
I've also confirmed it works in Firefox 88.0.1 - However, in my case, the "Edit and Resend" button is not showing up. I have to right-click on the request then click "Open in Network Panel". From there, I am able to click the "Resend" dropdown in the upper right and select "Edit and Resend". Kudos to this solution going strong years later. You even have an option for it to create a fetch() command for the request to use in the console like OP was initially requesting.
If you insist on a browser extension then:
Chrome:
Firefox:
@akostadinov i am unable to use resource test addon in mozilla the tool does not appear (even after installaion and restart) to me under developer tools in the lastest version of firefox.
Just tried REST Easy. Uninstalled on the spot: the interface does way too much hand-holding and forces the user into rigid use cases. Not good for API development.
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.
Seems nice, but lacks the ability to control the request body fully. Currently, it offers key/value abilities, but full control of the post body would be nice.
@Pacerier: it's a feature I'm currently working on and am about 90% complete. Hopefully it will be released before the end of the year. There does seem to be a backlog getting addons approved by Mozilla.
After over a month of waiting, the new version has been approved. PUT and DELETE support has arrived! And in that month, I've also made a ton of other new changes that will show up soon in the next release. (Hopefully it gets approved sooner this time.)
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 can I send a POST request with a web browser?" for simple parameters. oezi says:
With a form, just set method to "post"
I.e., build yourself a very simple page to test the POST actions.
I will add, for the ones that don't know: what you specify as action is the resource you want to get (which can include GET-style query parameters), and value specifies the POST's data body. E.g. action="api/ids?name=John" and value="hello" will make a POST request to
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.
For Firefox there is also an extension called RESTClient which is quite nice:
Some of the advantages of the fetch command are really precious: It's 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 won't 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.
Есть ли какие-либо расширения или функции в Chrome и / или Firefox, которые мне не хватает?
Сделайте AJAX-вызов в консоли Chrome. Расширение не требуется. Это хороший способ отправлять POST-запросы без необходимости получать файлы cookie для аутентификации. $.post('/resource/path/')
В то время как добавление необходимо, закрытие - чепуха. Он запрашивал функциональность в Chrome или Firefox, или если ему нужен плагин. То, что для этого может потребоваться указанный или неуказанный плагин, не имеет значения
Пост закрыт некорректно. Он не просит инструмента, но для функциональности в инструментах, с которыми автор уже работает. Таким образом, мы должны закрыть все вопросы о том, как сделать то или иное на каком-либо инструменте - и это будет хорошая десятая часть SO.
Я заметил эту функцию в Firefox, когда вы открываете вкладку сети и выбираете случайный запрос, который вы можете Edit and Resend сделать, что довольно круто.
Я делал приложение для Chrome под названием Postman для такого рода вещей. Все остальные расширения выглядели немного устаревшими, поэтому я сделал их самостоятельно. Он также имеет множество других функций, которые были полезны для документирования нашего собственного API здесь.
Почтальон теперь также имеет собственные приложения (то есть автономные) для Windows, Mac и Linux! Сейчас предпочтительнее использовать нативные приложения, читайте больше здесь .
При использовании POST в Postman добавьте свои ключи и значения в тело после выбора x-www-form-urlencoded. @Abhivav Я просто хочу сказать спасибо за отличное приложение. Работает очень хорошо при тестировании RESTful.
Убедитесь, что вы также установили плагин-перехватчик Postman, если хотите использовать куки браузера.
Я с удовольствием читаю этот пост спустя 9 лет и думаю, как почтальон станет неотъемлемой частью жизни разработчиков. Спасибо @Abhinav и команде за его разработку.
CURL УДИВИТЕЛЬНО делать то, что вы хотите! Это простой, но эффективный инструмент командной строки.
Остальные реализации тестовых команд:
Я голосую за это, хотя это неправильный ответ на вопрос: это то, что мне нужно было знать вместо этого.
Это не работает для меня, я не могу использовать одинарные кавычки на OSX с zsh и bash, оболочка переходит в quote> режим. Мне нужно использовать -d "
Fire Fox
Эта функция нарушена для кого-то еще? При редактировании параметров в поле «Строка запроса» после изменения одного символа он отказывается изменять запрос дальше. Единственный способ сделать это помимо этого - отредактировать весь URL / запрос (что сложно, потому что все вместе)
@Coldblackice Можете ли вы опубликовать скриншот или проблемный регистратор шагов? Я могу редактировать строку запроса просто отлично. Чтобы добавить новую строку запроса, я использую & = или просто начинаю новую строку. Чтобы редактировать, измените отдельные k, v или я просто удалите и начните все сначала.
Если вам нужно поле для строки запроса ( ?key=value ), где вы можете вводить пары значений ключа построчно, просто добавьте a ? и букву в URL поле вверху, и Query String поле отобразится.
Если вы настаиваете на расширении браузера, то:
Хром :
Firefox :
@akostadinov Я не могу использовать аддон тестирования ресурсов в Mozilla, инструмент не отображается (даже после установки и перезапуска) под инструментами разработчика в последней версии Firefox.
Только что попробовал REST Easy. Деинсталлируется на месте: интерфейс слишком сильно держит руки и заставляет пользователя использовать жесткие сценарии использования. Не подходит для разработки API.
Перепробовал все предложенное выше для Firefox, но не нашел ничего более удобного, чем Postman для Chrome . REST Easy , кстати, не обрабатывает пустые ответы.
Будучи очень вдохновленным Postman для Chrome , я решил написать нечто подобное для Firefox.
REST Easy * - это перезапускаемое дополнение Firefox, целью которого является максимально возможный контроль над запросами. Надстройка все еще находится в экспериментальном состоянии (она еще даже не проверялась Mozilla), но разработка идет неплохо.
Кажется приятным, но не имеет возможности полностью контролировать тело запроса. В настоящее время он предлагает возможности «ключ / значение», но полный контроль над телом поста был бы неплохим.
@Pacerier: это функция, над которой я сейчас работаю, и она завершена примерно на 90%. Надеюсь, он выйдет до конца года. Похоже, существует отставание в получении аддонов, одобренных Mozilla.
После месяца ожидания новая версия была одобрена. Поддержка PUT и DELETE прибыла! И в этом месяце я также внес множество других новых изменений, которые скоро появятся в следующем выпуске. (Надеюсь, на этот раз он будет одобрен раньше.)
с формой, просто установите method для "post"
Т.е. создайте себе очень простую страницу, чтобы проверить действия поста.
Есть ли какие-то функции в Chrome и / или Firefox, которых мне не хватает?
Сделайте вызов AJAX в консоли Chrome. Расширение не требуется. Это хороший способ делать запросы POST без необходимости захватывать файлы cookie аутентификации. $.post('/resource/path/') - FearlessFuture 15 марта '17 в 16: 512017-03-15 16:51
В то время как надстройка необходима, окончательный вариант - полная ерунда. Он просил функциональности в Chrome или Firefox, или, если ему нужен плагин. Дело не в том, что для этого может потребоваться указанный или неуказанный плагин - Shayne 16 июн.
Для такого рода вещей я делаю приложение Chrome под названием Postman . Все остальные расширения казались немного устаревшими, поэтому я сделал свои собственные. Он также имеет множество других функций, которые были полезны для документирования нашего собственного API здесь.
Postman теперь также имеет собственные приложения (т.е. автономные) для Windows, Mac и Linux! Сейчас предпочтительнее использовать нативные приложения, подробнее читайте здесь .
Не забудьте также установить плагин-перехватчик Postman, если вы хотите использовать файлы cookie вашего браузера, session. - GP cyborg 01 фев в 20:04
Вы разрабатываете отличные инструменты и приложения для разработчика @abhinav Спасибо - dipenparmar12 14 мая в 4:48
Люди могут также найти веб - версию Почтальон здесь . Установка даже не требуется. - Quicksilver 23 июня в 7:44
Инструмент может быть полезен, но стороннее приложение не отвечает на вопрос, который просит сделать это через Chrome или Firefox. - Gloweye 7 июл в 11:30
CURL является удивительным , чтобы делать то , что вы хотите! Это простой, но эффективный инструмент командной строки.
Команды тестирования реализации REST:
Я поддерживаю это, хотя это неправильный ответ на вопрос: вместо этого мне нужно было знать это. - Jim Pivarski 07 янв.
У меня это не работает, я не могу использовать одинарные кавычки в OSX с zsh и bash, оболочка переходит в quote> режим. Мне нужно использовать -d "
Да, curl это круто, он почти всегда уже есть в Unix, и он действительно легкий для Windows. Без регистрации и смс! ;) - RAM237 4 окт.
Fire Fox
Эта функция не работает для кого-то еще? При редактировании параметров в поле «Строка запроса» после изменения одного символа он отказывается изменять запрос дальше. Единственный способ сделать это помимо этого - отредактировать весь URL / запрос (что сложно, потому что все они смешаны вместе) - Coldblackice 29 марта '15 в 21: 032015-03-29 21:03
@Coldblackice Не могли бы вы опубликовать снимок экрана или регистратор шагов проблемы? Я могу нормально редактировать строку запроса. Чтобы добавить новую строку запроса, я либо использую & =, либо просто начинаю новую строку. Чтобы отредактировать, измените отдельные k, v или я просто удаляю и начинаю заново. - 0fnt 30 марта '15 в 8: 522015-03-30 11:52
@ dima-lituiev, скриншоты выше для Firefox, и я подтвердил, что он работает в Firefox версии 88.0.1 - youcantexplainthat 21 мая в 15:15
Если вы настаиваете на расширении браузера, то:
Хром :
Firefox :
Последний раз плакат обновлялся 28.06.11 - обновления Firefox означают, что его невозможно запустить - Richard 27 авг.
@akostadinov Я не могу использовать надстройку для тестирования ресурсов в Mozilla, инструмент не отображается (даже после установки и перезапуска) в инструментах разработчика в последней версии firefox. - Ram 18 сен '14 в 7:23
Только что попробовал REST Easy. Не устанавливается на месте: интерфейс слишком утомителен и вынуждает пользователя ограничиваться жесткими вариантами использования. Не подходит для разработки API. - 7heo.tk 09 июля '15 в 11: 202015-07-09 11:20
Вдохновленный Postman для Chrome , я решил написать что-то подобное для Firefox.
REST Easy * - это надстройка Firefox без перезапуска, целью которой является обеспечение максимального контроля над запросами. Надстройка все еще находится в экспериментальном состоянии (она еще даже не проверена Mozilla), но разработка идет неплохо.
@Pacerier: это функция, над которой я сейчас работаю, и я готов примерно на 90%. Надеюсь, он выйдет до конца года. Кажется, есть отставание в получении дополнений, одобренных Mozilla. - Nathan Osman 11 дек.
После более чем месяца ожидания новая версия была одобрена. Прибыла поддержка PUT и DELETE! И за этот месяц я также внес массу других изменений, которые скоро появятся в следующем выпуске. (Надеюсь, на этот раз он будет одобрен раньше.) - Nathan Osman 23 дек.
С формой, просто установите method для "post"
Т.е. создайте себе очень простую страницу для тестирования действий POST .
Для тех, кто не знает, я добавлю: то, что вы указываете как action ресурс, который вы хотите получить (который может включать параметры запроса в стиле GET), и value указывает тело данных POST. Например, action="api/ids?name=John" и value="hello" отправит POST-запрос
У меня он отлично работает - помните, что вы все еще можете использовать с ним отладчик. Панель «Сеть» особенно полезна; он предоставит вам обработанные объекты JSON и страницы ошибок.
Для Firefox также есть неплохое расширение под названием RESTClient:
Возможно, это не связано напрямую с браузерами, но Fiddler - еще одно хорошее программное обеспечение.
Существует хороший простой пример Fetch API здесь :
Некоторые из преимуществ команды fetch действительно драгоценны: она проста, коротка, быстра, доступна и даже в качестве консольной команды она хранится на вашей консоли Chrome и может использоваться позже.
Простота нажатия F12 , напишите команду на вкладке консоли (или нажмите клавишу «вверх», если вы использовали ее раньше), затем нажмите Enter , чтобы увидеть ее в ожидании и вернуть ответ - вот что делает ее действительно полезной для простых тестов POST-запросов.
Конечно, основным недостатком здесь является то, что, в отличие от Postman, он не проходит политику кросс-происхождения, но все же я считаю его очень полезным для тестирования в локальной среде или других средах, где я могу включить CORS вручную.
Есть ли какие-то функции в Chrome и / или Firefox, которых мне не хватает?
Я делаю приложение Chrome под названием Postman для подобных вещей. Все остальные расширения казались немного устаревшими, поэтому я сделал свои собственные. Он также имеет множество других функций, которые были полезны для документирования нашего собственного API здесь.
Postman теперь также имеет собственные приложения (т.е. автономные) для Windows, Mac и Linux! Сейчас предпочтительнее использовать собственные приложения, подробнее см. здесь.
CURL УДИВИТЕЛЬНЫЙ, чтобы делать то, что вы хотите! Это простой, но эффективный инструмент командной строки.
Команды тестирования реализации отдыха:
Если вы настаиваете на расширении браузера, то:
Chrome :
Firefox :
С формой, просто установите method на "post"
Т.е. создайте себе очень простую страницу для проверки действий публикации.
Вот расширение Advanced REST Client для Chrome.
У меня он отлично работает - помните, что вы все еще можете использовать с ним отладчик. Панель «Сеть» особенно полезна; он предоставит вам обработанные объекты JSON и страницы ошибок.
Для firefox есть также неплохое расширение RESTClient:
Может не иметь прямого отношения к браузерам, но fiddler - еще одно хорошее программное обеспечение.
Просто чтобы дать свои 2 цента за этот ответ, после повышения уровня Postman появились и другие клиенты, о которых стоит упомянуть здесь:
-
: с приложением для ПК и плагин Chrome : ранее известная как Postwoman, и с также доступен плагин Chrome. Вы также можете заставить его работать локально с помощью Docker, если хотите подшутить : если вы используете Mac : уже упоминается как Chrome plugin, но стоит отметить, что в нем также есть настольное приложение : написан на java и с большим количеством функций тестирования. : еще один способ тестирования API. Он поставляется с интеграцией SOAP и имеет плагин Chrome доступен
Вы можете отправлять запросы прямо из браузера с помощью ReqBin. Никаких плагинов или настольных приложений не требуется.
Здесь есть хороший простой пример Fetch API здесь
Некоторые из преимуществ команды fetch действительно ценны: она проста, коротка, быстра, доступна и даже в качестве консольной команды она хранится на вашей консоли Chrome и может использоваться позже.
Простота нажатия F12, написания команды на вкладке консоли (или нажатия клавиши «вверх», если вы ее использовали раньше), а затем нажатия клавиши ввода, ожидания и возврата ответа - вот что делает ее действительно полезной для простых тестов на отправку запросов.
Конечно, основным недостатком здесь является то, что, в отличие от Postman, он не передает политику перекрестного происхождения, но все же я считаю его очень полезным для тестирования в локальной среде или других средах, где я могу включить CORS вручную.
Есть ли расширение или функциональность в Chrome и/или Firefox, которые мне не хватает?
ОТВЕТЫ
Ответ 1
Я делаю приложение Chrome под названием Postman для этого типа вещей. Все остальные расширения казались немного устаревшими, поэтому я сделал свой собственный. Он также имеет множество других функций, которые были полезны для документирования нашего собственного API здесь.
Postman теперь также имеет родные приложения (то есть автономно) для Windows, Mac и Linux! Теперь лучше использовать собственные приложения, более подробно здесь.
Ответ 2
CURL УДИВИТЕЛЬНО делать то, что вы хотите! Это простой, но эффективный инструмент командной строки.
Остальные реализации тестовых команд:
Ответ 3
Если вы настаиваете на расширении браузера, то:
Хром:
Firefox:
Ответ 4
Fire Fox
РЕДАКТИРОВАТЬ: Добавлено изображение.
Ответ 5
Будучи очень вдохновленным Postman для Chrome, я решил написать что-то подобное для Firefox.
REST Easy * - это перезагружаемое дополнение Firefox, которое предназначено для обеспечения максимально возможного контроля над запросами. Дополнение все еще находится в экспериментальном состоянии (оно еще не было просмотрено Mozilla), но развитие идет хорошо.
Ответ 6
Это немного уродливо, но есть расширение Простой клиент REST для Chrome.
Это отлично работает для меня - помните, что вы все равно можете использовать отладчик с ним. Панель "Сеть" особенно полезна; он предоставит вам предоставленные объекты JSON и страницы ошибок.
Ответ 7
с формой, просто установите method в "post"
т.е. создайте себе очень простую страницу для проверки действий после публикации.
Ответ 8
Для firefox есть также расширение, называемое RESTClient, которое довольно приятно:
Ответ 9
Может не иметь прямого отношения к браузерам, но Fiddler - еще одно хорошее программное обеспечение.
Ответ 10
Читайте также: