¿Cómo enviar manualmente solicitudes HTTP POST desde el navegador Firefox o Chrome?

1034

Quiero probar algunas URL en una aplicación web en la que estoy trabajando. Para eso, me gustaría crear manualmente solicitudes HTTP POST (lo que significa que puedo agregar los parámetros que desee).

¿Hay alguna extensión o funcionalidad en Chrome y / o Firefox que me falta?

Pascal Klein
fuente
1
DHC by Restlet (disponible en Chrome Webstore) también es bastante útil.
Devesh Khandelwal
10
Realiza una llamada AJAX en la consola de Chrome. No se necesita extensión. Esta es una buena manera de realizar solicitudes POST sin la necesidad de obtener cookies de autenticación. $.post('/resource/path/')
FearlessFuture
11
Si bien es necesario un complemento, el cierre no tiene sentido. Estaba pidiendo funcionalidad en Chrome o Firefox, o si necesita un complemento. Que podría requerir un complemento especificado o no especificado no es el punto
Shayne
26
La publicación está cerrada incorrectamente. No solicita una herramienta, sino una funcionalidad en las herramientas con las que el autor ya está trabajando. De esta manera, tenemos que cerrar todas las preguntas sobre cómo hacer esto o aquello en alguna herramienta, y será una buena décima parte de SO.
Gangnus
8
Noté esta característica en Firefox cuando abres la pestaña de red y eliges una solicitud aleatoria que puedes hacer, Edit and Resendlo cual es bastante bueno.
jurl

Respuestas:

1840

He estado haciendo una aplicación de Chrome llamada Postman para este tipo de cosas. Todas las otras extensiones parecían un poco anticuadas, así que las hice mías. También tiene muchas otras características que han sido útiles para documentar nuestra propia API aquí.


¡Postman ahora también tiene aplicaciones nativas (es decir, independientes) para Windows, Mac y Linux! Ahora es más preferible usar aplicaciones nativas, lea más aquí .

Abhinav
fuente
1
¿Alguna intención de trasladar esto a Firefox? (O cualquier otra cosa que no sea cromo)
Oli
1
Si. Funciona para URLs localeshost muy bien.
Abhinav
44
Cuando use POST en Postman, agregue sus claves y valores al Cuerpo una vez que se seleccione x-www-form-urlencoded. @Abhivav Solo quiero agradecer la increíble aplicación. Funciona muy bien cuando se prueba RESTful.
David
1
Asegúrese de instalar el complemento interceptor Postman también si desea utilizar las cookies de su navegador, sesión.
GP cyborg
2
Me alegra leer esta publicación después de 9 años y pensar cómo el cartero se convirtió en una parte integral de la vida de los desarrolladores. Gracias @Abhinav y su equipo por desarrollarlo.
Santhosh K Thadka
330

¡CURL es INCREÍBLE para hacer lo que quieras! Es una herramienta de línea de comando simple pero efectiva.

Comandos de prueba de implementación de descanso:

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
Arno 2501
fuente
36
Estoy votando esto a pesar de que es una respuesta incorrecta a la pregunta: es lo que necesitaba saber en su lugar.
Jim Pivarski el
8
No se ajusta a todo el propósito, porque no puede adjuntar cookies ya establecidas en un navegador. Por ejemplo, es posible que desee iniciar sesión en un sitio web manualmente y luego enviar una solicitud de publicación. Con curl, esto sería un gran dolor si el proceso de inicio de sesión se maneja con cosas de JavaScript
Vic Seedoubleyew
Esto no funciona para mí, no puedo usar comillas simples en OSX con zsh y bash, shell se está convirtiendo en quote>modo. Necesito usar-d "{\"..
Daniel W.
193

Firefox

Abra el panel Red en Herramientas para desarrolladores presionando Ctrl+Shift+Eo yendo a Barra de menú -> Herramientas -> Desarrollador web -> Red. Luego haga clic en el icono de la puerta pequeña en la esquina superior derecha (en forma ampliada en la captura de pantalla, lo encontrará justo a la izquierda de los encabezados resaltados), segunda fila (si no lo ve, vuelva a cargar la página) -> Editar y reenviar cualquier solicitud que desee

Herramientas de desarrollo de Firefox con el botón "Editar y reenviar" resaltado

POST cuerpo de solicitud resaltado

0fnt
fuente
2
¿Esta característica está rota para alguien más? Al editar los parámetros en el cuadro "Cadena de consulta", después de alterar un solo carácter, se niega a alterar más la solicitud. La única forma de hacerlo más allá de eso es editar la URL / solicitud completa (lo cual es difícil porque todo se suaviza)
Coldblackice
@Coldblackice ¿Puedes publicar una captura de pantalla o un grabador de pasos problemáticos por favor? Puedo editar la cadena de consulta muy bien. Para agregar una nueva cadena de consulta, uso & = o simplemente comienzo una nueva línea. Para editar, cambiar k, v o simplemente elimino y empiezo de nuevo.
0fnt
Si desea un campo para la cadena de consulta ( ?key=value) donde puede ingresar pares de valores clave línea por línea, simplemente agregue una ?y una letra al URLcampo en la parte superior y Query Stringse mostrará el campo.
xuiqzy
1
Esa es la respuesta correcta.
Metehan Gülaç
162

Olvídese del navegador y pruebe la CLI. HTTPie es una gran herramienta!

ingrese la descripción de la imagen aquí

CLI clientes http:

Si insiste en la extensión del navegador, entonces:

Cromo :

Firefox :

amra
fuente
1
También prueba de recursos complemento addons.mozilla.org/en-us/firefox/addon/http-resource-test
akostadinov
Cartel actualizado por última vez el 28/06/11: las actualizaciones de Firefox significan que no hay forma de lanzarlo
Richard
@akostadinov No puedo usar el complemento de prueba de recursos en Mozilla, la herramienta no aparece (incluso después de la instalación y reinicio) en las herramientas de desarrollador en la última versión de Firefox.
Ram
1
Acabo de probar REST Easy. Desinstalado en el acto: la interfaz toma demasiada mano y obliga al usuario a utilizar casos rígidos. No es bueno para el desarrollo de API.
7heo.tk
Intenté todo lo sugerido anteriormente para Firefox pero no encontré nada tan útil como Postman para Chrome . REST Easy , por cierto, no maneja respuestas vacías.
Lu55
45

Después de haber sido inspirado en gran medida por Postman para Chrome , decidí escribir algo similar para Firefox.

REST Easy * es un complemento de Firefox reiniciable que tiene como objetivo proporcionar el mayor control posible sobre las solicitudes. El complemento todavía está en un estado experimental (ni siquiera ha sido revisado por Mozilla todavía) pero el desarrollo está progresando muy bien.

El proyecto es de código abierto, por lo que si alguien se siente obligado a ayudar con el desarrollo, sería increíble: https://github.com/nathan-osman/Rest-Easy

* el complemento disponible en http://addons.mozilla.org siempre estará ligeramente por detrás del código disponible en GitHub

Nathan Osman
fuente
2
Parece agradable, pero carece de la capacidad de controlar completamente el cuerpo de la solicitud. Actualmente, ofrece habilidades clave / de valor, pero un control total del cuerpo de la publicación sería bueno.
galmok 01 de
El soporte PUT y DELETE me convencería. Se ve bien de lo contrario.
Dennis
1
@Pacerier: es una característica en la que estoy trabajando actualmente y tengo aproximadamente un 90% de avance. Esperemos que sea lanzado antes de fin de año. Parece haber un retraso en la obtención de complementos aprobados por Mozilla.
Nathan Osman
2
Después de más de un mes de espera, la nueva versión ha sido aprobada. ¡El soporte PUT y DELETE ha llegado! Y en ese mes, también hice un montón de otros cambios nuevos que aparecerán pronto en el próximo lanzamiento. (Ojalá se apruebe antes esta vez.)
Nathan Osman el
2
Eso ya no está disponible, como parece. (Es probable que no sea una WebExtension y, por lo tanto, no sea compatible con Firefox> = 57.) Este problema se rastrea aquí: github.com/nathan-osman/REST-Easy/issues/78
rugk
18

Usted solicitó específicamente "extensión o funcionalidad en Chrome y / o Firefox", que proporcionan las respuestas que ya recibió, pero me gusta la simplicidad de la respuesta de oezi a la pregunta cerrada "cómo enviar una solicitud de publicación con un navegador web" para parámetros simples Oezi dice:

con un formulario, solo configúrelo methoden"post"

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

Es decir, crea una página muy simple para probar las acciones de publicación.

dumbledad
fuente
16

Es un poco feo, pero existe la extensión Simple REST Client para Chrome.

Funciona muy bien para mí, recuerde que aún puede usar el depurador con él. El panel de red es particularmente útil; te dará objetos JSON renderizados y páginas de error.

Nate
fuente
No pienses que esto ya existe.
zeusstl
1
Sí, el enlace ya no está disponible y el nuevo enlace debería ser chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov
@RumenJekov " Advanced REST Client" parece un producto diferente (y por lo tanto una respuesta diferente) que " Simple REST Client"
TylerH
9

Puede que no esté directamente relacionado con los navegadores, pero Fiddler es otro buen software.

Depurador web Fiddler

Vineel Kovvuri
fuente
3

Prueba Runscope. Se proporciona una herramienta gratuita para probar su servicio en https://www.hurl.it/ . Puede configurar el método, la autenticación, los encabezados, los parámetros y el cuerpo. La respuesta muestra el código de estado, los encabezados y el cuerpo. El cuerpo de la respuesta se puede formatear desde JSON con una jerarquía plegable. Las cuentas pagas pueden automatizar las llamadas de API de prueba y usar los datos de retorno para crear nuevas llamadas de prueba. Divulgación de COI: no tengo ninguna relación con Runscope.

Bennett Brown
fuente
También hay un nivel gratuito para Runscope, solo tiene un límite inferior de solicitud por mes y solo 1 miembro del equipo. Divulgación: lo hago :-)
Darrel Miller
2

Echa un vistazo a http-toolfirefox ..

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.
bobbyrne01
fuente
2
Eso ya no está disponible, como parece. (Es probable que no sea una WebExtension y, por lo tanto, no sea compatible con Firefox> = 57.)
rugk