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

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 falte?

preguntado el 25 de enero de 11 a las 15:01

Realice una llamada AJAX en la consola de Chrome. No se necesita extensión. Esta es una buena forma de realizar solicitudes POST sin la necesidad de obtener cookies de autenticación. $.post('/resource/path/') -

Si bien es necesario un complemento, el cierre no es una tontería. Estaba pidiendo funcionalidad en Chrome o Firefox, o si necesita un complemento. Que pueda requerir un complemento específico o no especificado no es el punto:

La publicación está cerrada incorrectamente. No pide 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á un buen décimo de SO. -

Noté esta característica en Firefox cuando abres el pestaña de red y elige una solicitud aleatoria que puedas Edit and Resend que es bastante bueno. -

En los navegadores modernos, puede hacer uso de la Fetch API que le permite realizar una solicitud POST desde la consola de desarrollador de JavaScript con un esfuerzo mínimo. Prefiero esto porque no necesita instalar una extensión de terceros y, especialmente, cuando se publican datos confidenciales (como contraseñas), se recomienda NO confiar en software externo. A continuación, se muestra un fragmento de código sobre cómo utilizar la API Fetch: gist.github.com/bennyn/ed95ed9edd6ce0d04e7c8d6e6eb1a1f8 -

15 Respuestas

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


Cartero ahora también tiene aplicaciones nativas (es decir, independiente) para Windows, Mac y Linux. Es más preferible ahora usar aplicaciones nativas, leer más aquí.


respondido 17 mar '21, 11:03

Asegúrese de instalar también el complemento interceptor Postman si desea utilizar las cookies de su navegador, sesión. - ciborg médico de cabecera

POSTMAN CHROME IS DEPRECATED - HoaPhan

Está desarrollando excelentes herramientas y aplicaciones para el desarrollador @abhinav Gracias - dipenparmar12

RIZO ¡Es IMPRESIONANTE hacer lo que quieras! Es una herramienta de línea de comandos 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

Respondido el 20 de diciembre de 18 a las 20:12

Estoy votando a favor de esto a pesar de que es una respuesta incorrecta a la pregunta: es lo que necesitaba saber en su lugar. - Jim Pivarsky

No cumple todo el propósito, porque no puede adjuntar cookies ya configuradas 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 problema si el proceso de inicio de sesión se maneja con 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.

Si, curl es increíble, casi siempre ya lo tienes en Unix, y es realmente ligero para Windows. ¡Sin registro ni SMS! ;) - RAM237

¡Esto es asombroso! Funcionó a las mil maravillas. :-) - Houssam ASSANY

Firefox

Abra el panel Red en Herramientas de desarrollo presionando Ctrl + Shift + E o yendo a la barra de menú -> Herramientas -> Desarrollador web -> Red. Luego haga clic en el icono de la puerta pequeña en la parte superior derecha (en forma expandida 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 volver a enviar" resaltado

Cuerpo de la solicitud POST resaltado

Respondido el 23 de enero de 20 a las 07:01

¿Esta función 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 está suavizado). frionegrohielo

@Coldblackice ¿Puedes publicar una captura de pantalla o una grabadora de pasos del problema, por favor? Puedo editar la cadena de consulta muy bien. Para agregar una nueva cadena de consulta, utilizo & = o simplemente comienzo una nueva línea. Para editar, cambie los k, vo individuales o simplemente elimino y empiezo de nuevo. - 0fnt

Si desea un campo para la cadena de consulta (?key=value) donde puede ingresar pares clave-valor línea por línea, simplemente agregue un ? y una carta al URL campo en la parte superior y el Query String aparecerá el campo. - xuiqzy

esto no funciona en la versión actual de Chrome - Dima Lituiev

@ dima-lituiev, las capturas de pantalla anteriores son para Firefox y he confirmado que funciona en la versión 88.0.1 de firefox - puedes explicar eso

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

Captura de pantalla de HTTPie

CLI clientes http:

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

Chrome:

Firefox:

contestado el 18 de mayo de 21 a las 10:05

también complemento de prueba de recursos addons.mozilla.org/en-us/firefox/addon/http-resource-test - Akostadinov

Póster actualizado por última vez el 28/06/11: las actualizaciones de Firefox significan que no hay forma de iniciarlo - Richard

@akostadinov no puedo usar el complemento de prueba de recursos en mozilla, la herramienta no me aparece (incluso después de la instalación y el reinicio) en las herramientas de desarrollo en la última versión de firefox. - Carnero

Acabo de probar REST Easy. Desinstalado en el acto: la interfaz se agarra demasiado a la mano y obliga al usuario a casos de uso rígidos. No es bueno para el desarrollo de API. - 7heo.tk

Prefiero usar rizado que HTTPie. curlie se basa en el más poderoso curl. - diti

Habiendo sido muy inspirado por Cartero para Chrome, Decidí escribir algo similar para Firefox.

Estar tranquilo* es un complemento de Firefox sin reinicio 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 avanza muy bien.

El proyecto es de código abierto, por lo que si alguien se siente obligado a ayudar con el desarrollo, sería fantástico: 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

Respondido 22 Oct 15, 17:10

Parece agradable, pero carece de la capacidad de controlar completamente el cuerpo de la solicitud. Actualmente, ofrece habilidades clave / valor, pero sería bueno tener un control total del cuerpo de la publicación. - galmok

El apoyo de PUT and DELETE me convendría. De lo contrario, luce bien. - Dennis

@Pacerier: es una función en la que estoy trabajando actualmente y estoy completa en un 90%. Ojalá se lance antes de fin de año. Parece haber una acumulación de trabajos pendientes para que Mozilla apruebe complementos. - Nathan Osman

Después de más de un mes de espera, la nueva versión ha sido aprobada. ¡Ha llegado el soporte PUT and DELETE! Y en ese mes, también hice muchos otros cambios nuevos que aparecerán pronto en la próxima versión. (Es de esperar que se apruebe antes esta vez). Nathan Osman

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 - alfombra

Solicitó específicamente "extensión o funcionalidad en Chrome y / o Firefox", que las respuestas que ya ha recibido proporcionan, 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 method a "post"

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

Es decir, construya usted mismo una página muy simple para probar las acciones de la publicación.

contestado el 23 de mayo de 17 a las 13:05

Este es el Cliente REST avanzado extensión para Chrome.

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

Respondido 17 Jul 20, 03:07

Para Firefox también hay una extensión llamada RESTClient que es bastante agradable:

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

Respondido 24 Oct 12, 22:10

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

Depurador web Fiddler

respondido 09 mar '19, 18:03

Creo que @Benny Neugebauer comenta sobre la pregunta OP sobre el Fetch API debería presentarse aquí como una respuesta, ya que el OP estaba buscando una funcionalidad en Chrome para crear manualmente solicitudes HTTP POST y eso es exactamente lo que hace el comando de recuperación.

Hay un ejemplo sencillo y agradable de la API Fetch aquí

// 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))

Algunas de las ventajas del comando fetch son realmente valiosas: es simple, corto, rápido, está disponible e incluso como comando de consola se almacena en su consola Chrome y se puede usar más tarde.

La simplicidad de presionar F12, escribir el comando en la pestaña de la consola (o presionar la tecla arriba si lo usó antes) luego presionar enter, verlo pendiente y devolver la respuesta es lo que lo hace realmente útil para pruebas simples de post solicitudes.

Por supuesto, la principal desventaja aquí es que, a diferencia de Postman, esto no pasará la política de origen cruzado, pero aún así lo encuentro muy útil para probar en un entorno local u otros entornos donde puedo habilitar CORS manualmente.

Respondido el 29 de diciembre de 20 a las 16:12

Esto funcionó muy bien para "despegar" cuando tenía una aplicación que estaba atrapada en un mal estado que no se podía borrar porque un error mantenía la interfaz de usuario bloqueada. Conseguí que el usuario volviera a funcionar hasta que se pudiera solucionar el error. - Steve en CO

Exactamente como @SteveInCO, necesitaba un Chrome nativo método solo para que mi usuario (que no se puede esperar que tenga nada más que Chrome disponible) se despegue como una medida de emergencia. (Aunque utilizo la mayoría de las otras herramientas para mi propio uso diario). user3067860

También puede utilizar Watir o Watin para automatizar los navegadores. Watir está escrito para ruby ​​y Watin es para lenguajes .Net. Sin embargo, no estoy seguro de si es lo que estás buscando.

Respondido el 12 de diciembre de 13 a las 06:12

Prueba Runscope. Se proporciona una herramienta gratuita que muestra 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 contraíble. Las cuentas pagas pueden automatizar las llamadas a la API de prueba y utilizar los datos devueltos para crear nuevas llamadas de prueba. Divulgación de COI: no tengo ninguna relación con Runscope.

Respondido 02 Abr '15, 18:04

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: acepto :-) - darrel molinero

Comprar http-tool para 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.

Respondido el 01 de diciembre de 14 a las 16:12

Eso ya no está disponible, como parece. (Es probable que no sea una WebExtension y, por lo tanto, no sea compatible con Firefox> = 57.) - alfombra

Solo para dar mis 2 centavos a esta respuesta, ha habido algunos otros clientes nacidos desde el ascenso de Postman que vale la pena mencionar aquí:

Respondido el 21 de Septiembre de 20 a las 20:09

Puede publicar solicitudes directamente desde el navegador con ReqBin. No se requiere ningún complemento o aplicación de escritorio.

https://reqbin.com

Respondido el 14 de junio de 20 a las 08:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.