Wie sende ich manuell HTTP-POST-Anfragen von Firefox oder Chrome Browser?


1034

Ich möchte einige URLs in einer Webanwendung testen, an der ich arbeite. Dafür möchte ich HTTP-POST-Anfragen manuell erstellen (dh ich kann beliebige Parameter hinzufügen).

Gibt es eine Erweiterung oder Funktionalität in Chrome und / oder Firefox, die mir fehlt?


1
DHC von Restlet (verfügbar im Chrome Webstore) ist ebenfalls sehr nützlich.
Devesh Khandelwal

10
Tätigen Sie einen AJAX-Anruf in der Chrome-Konsole. Keine Erweiterung erforderlich. Dies ist eine gute Möglichkeit, POST-Anfragen zu stellen, ohne Authentifizierungscookies abrufen zu müssen. $.post('/resource/path/')
FearlessFuture

11
Während ein Add-On notwendig ist, ist das Schließen kein Unsinn. Er fragte nach Funktionen in Chrome oder Firefox oder wenn es ein Plugin braucht. Dass es ein spezifiziertes oder nicht spezifiziertes Plugin erfordern könnte, ist nicht der Punkt
Shayne

26
Der Beitrag ist falsch geschlossen. Es wird nicht nach einem Tool gefragt, sondern nach einer Funktionalität in den Tools, mit denen der Autor bereits arbeitet. Auf diese Weise müssen wir alle Fragen zu diesem oder jenem Tool schließen - und es wird ein gutes Zehntel von SO sein.
Gangnus

8
Ich habe diese Funktion in Firefox bemerkt, als Sie die Registerkarte "Netzwerk" öffnen und eine zufällige Anfrage auswählen Edit and Resend, die ziemlich cool ist.
Jurl

Antworten:


1837

Ich habe eine Chrome-App namens Postman für diese Art von Sachen erstellt. Alle anderen Erweiterungen schienen etwas veraltet zu sein, also machten sie meine eigenen. Es hat auch eine Reihe anderer Funktionen, die für die Dokumentation unserer eigenen API hier hilfreich waren.


Postman hat jetzt auch native Apps (dh Standalone) für Windows, Mac und Linux! Es ist jetzt vorzuziehen, native Apps zu verwenden. Lesen Sie hier mehr .


1
Haben Sie die Absicht, dies auf Firefox zu portieren? (Oder irgendetwas anderes als Chrom)
Oli

1
Ja. Es funktioniert gut für localhost URLs.
Abhinav

4
Wenn Sie POST in Postman verwenden, fügen Sie Ihre Schlüssel und Werte dem Body hinzu, sobald x-www-form-urlencoded ausgewählt ist. @Abhivav Ich möchte mich nur für die großartige Anwendung bedanken. Funktioniert sehr gut beim Testen von RESTful.
David

1
Stellen Sie sicher, dass Sie auch das Postman Interceptor-Plugin installieren, wenn Sie die Cookies Ihres Browsers verwenden möchten.
GP Cyborg

1
Ich bin froh, diesen Beitrag nach 9 Jahren zu lesen und darüber nachzudenken, wie Postbote ein wesentlicher Bestandteil des Entwicklerlebens werden. Vielen Dank an @Abhinav und das Team für die Entwicklung.
Santhosh K Thadka

330

CURL ist super zu tun, was Sie wollen! Es ist ein einfaches, aber effektives Befehlszeilenprogramm.

Restimplementierungstestbefehle:

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

36
Ich stimme dem zu, obwohl es eine falsche Antwort auf die Frage ist: Es ist das, was ich stattdessen wissen musste.
Jim Pivarski

8
Es passt nicht zum gesamten Zweck, da es keine Cookies anhängen kann, die bereits in einem Browser gesetzt wurden. Beispielsweise möchten Sie sich möglicherweise manuell bei einer Website anmelden und anschließend eine Post-Anfrage senden. Mit Curl wäre dies ein großer Schmerz, wenn der Anmeldevorgang mit Javascript-Zeug behandelt wird
Vic Seedoubleyew

Dies funktioniert bei mir nicht, ich kann unter OSX mit zsh und bash keine einfachen Anführungszeichen verwenden, die Shell wechselt in den quote>Modus. Ich muss verwenden-d "{\"..
Daniel W.

193

Feuerfuchs

Öffnen Sie das Netzwerkfenster in den Entwicklertools, indem Sie auf Ctrl+Shift+Eoder in der Menüleiste -> Extras -> Webentwickler -> Netzwerk klicken. Klicken Sie dann oben rechts auf das kleine Türsymbol (im Screenshot in erweiterter Form befindet es sich links neben den hervorgehobenen Überschriften), in der zweiten Zeile (wenn Sie es nicht sehen, laden Sie die Seite neu) -> Bearbeiten und Senden Sie die gewünschte Anfrage erneut

Firefox Dev Tools mit hervorgehobener Schaltfläche "Bearbeiten und erneut senden"

POST-Anforderungshauptteil hervorgehoben


2
Ist diese Funktion für andere Personen defekt? Beim Bearbeiten der Parameter im Feld "Abfragezeichenfolge" wird nach dem Ändern eines einzelnen Zeichens die weitere Änderung der Anforderung abgelehnt. Der einzige Weg, dies darüber hinaus zu tun, besteht darin, die gesamte URL / Anfrage zu bearbeiten (was schwierig ist, weil alles zusammengewürfelt ist)
Coldblackice

@Coldblackice Kannst du bitte einen Screenshot oder einen Problemschritt-Rekorder posten? Ich kann die Abfragezeichenfolge problemlos bearbeiten. Um eine neue Abfragezeichenfolge hinzuzufügen, verwende ich entweder & = oder beginne einfach eine neue Zeile. Zum Bearbeiten ändern Sie einzelne k, v oder ich lösche einfach und beginne von vorne.
0fnt

Wenn Sie ein Feld für die Abfragezeichenfolge ( ?key=value) möchten, in das Sie zeilenweise Schlüsselwertpaare eingeben können, fügen Sie einfach ein ?und einen Buchstaben an das URLFeld oben an, und das Query StringFeld wird angezeigt.
xuiqzy

1
Das ist die richtige Antwort.
Metehan Gülaç

162

Vergessen Sie den Browser und versuchen Sie es mit CLI. HTTPie ist ein großartiges Tool!

Geben Sie hier die Bildbeschreibung ein

CLI- http-Clients:

Wenn Sie auf einer Browsererweiterung bestehen, dann:

Chrome :

Firefox :



Poster zuletzt aktualisiert am 28.06.11 - Updates für Firefox bedeuten, dass es keine Möglichkeit gibt, es zu starten
Richard

@akostadinov Ich kann kein Ressourcentest-Addon in Mozilla verwenden. Das Tool wird mir unter Entwicklertools in der neuesten Version von Firefox nicht angezeigt (auch nicht nach der Installation und dem Neustart).
Ram

1
Ich habe gerade REST Easy ausprobiert. Vor Ort deinstalliert: Die Benutzeroberfläche hält viel zu viel Hand und zwingt den Benutzer zu starren Anwendungsfällen. Nicht gut für die API-Entwicklung.
7heo.tk

Versuchte alle oben vorgeschlagenen für Firefox, fand aber nichts so praktisch wie Postman für Chrome . REST Easy verarbeitet übrigens keine leeren Antworten.
Lu55

45

Nachdem ich mich stark von Postman für Chrome inspirieren ließ , beschloss ich, etwas Ähnliches für Firefox zu schreiben.

REST Easy * ist ein neu gestartetes Firefox-Add-On, das so viel Kontrolle wie möglich über Anfragen bieten soll. Das Add-On befindet sich noch in einem experimentellen Zustand (es wurde noch nicht einmal von Mozilla überprüft), aber die Entwicklung schreitet gut voran.

Das Projekt ist Open Source. Wenn sich jemand gezwungen fühlt, bei der Entwicklung zu helfen, wäre das großartig: https://github.com/nathan-osman/Rest-Easy

* Das von http://addons.mozilla.org verfügbare Add-On befindet sich immer etwas hinter dem auf GitHub verfügbaren Code


2
Scheint nett zu sein, aber es fehlt die Fähigkeit, den Anfragetext vollständig zu kontrollieren. Derzeit bietet es Schlüssel- / Wertfähigkeiten, aber die volle Kontrolle über den Postkörper wäre schön.
Galmok

Die Unterstützung von PUT und DELETE würde mich überzeugen. Sieht sonst gut aus.
Dennis

1
@ Pacerier: Es ist eine Funktion, an der ich gerade arbeite und die zu 90% abgeschlossen ist. Hoffentlich wird es noch vor Jahresende veröffentlicht. Es scheint einen Rückstand zu geben, wenn Addons von Mozilla genehmigt werden.
Nathan Osman

2
Nach über einem Monat Wartezeit wurde die neue Version genehmigt. PUT and DELETE Support ist da! Und in diesem Monat habe ich auch eine Menge anderer neuer Änderungen vorgenommen, die bald in der nächsten Version erscheinen werden. (Hoffentlich wird es diesmal früher genehmigt.)
Nathan Osman

2
Das ist anscheinend nicht mehr verfügbar. (Es ist wahrscheinlich keine WebExtension und daher nicht kompatibel mit Firefox> = 57.) Dieses Problem wird hier verfolgt: github.com/nathan-osman/REST-Easy/issues/78
rugk

18

Sie haben speziell nach "Erweiterung oder Funktionalität in Chrome und / oder Firefox" gefragt, die die Antworten erhalten haben, die Sie bereits erhalten haben, aber ich mag die Einfachheit der Antwort von oezi auf die geschlossene Frage "Wie sende ich eine Post-Anfrage mit einem Webbrowser?" für einfache Parameter. oezi sagt:

mit einem Formular, setzt nur methodauf"post"

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

Dh erstellen Sie sich eine sehr einfache Seite, um die Post-Aktionen zu testen.


16

Es ist ein bisschen hässlich, aber es gibt die Simple REST Client- Erweiterung für Chrome.

Es funktioniert gut für mich - denken Sie daran, dass Sie den Debugger weiterhin damit verwenden können. Der Netzwerkbereich ist besonders nützlich. Sie erhalten gerenderte JSON-Objekte und Fehlerseiten.


Glaube nicht, dass das mehr existiert.
Zeusstl

1
Ja, der Link ist nicht mehr verfügbar und der neue Link sollte chrome.google.com/webstore/detail/advanced-rest-client/… sein
Rumen Jekov

@RumenJekov " Advanced REST Client" scheint ein anderes Produkt (und damit eine andere Antwort) zu sein als " Simple REST Client"
TylerH




3

Versuchen Sie Runscope. Ein kostenloses Tool zur Auswahl ihres Dienstes finden Sie unter https://www.hurl.it/ . Sie können die Methode, die Authentifizierung, die Header, die Parameter und den Text festlegen. Die Antwort zeigt den Statuscode, die Header und den Text an. Der Antworttext kann aus JSON mit einer zusammenklappbaren Hierarchie formatiert werden. Bezahlte Konten können Test-API-Aufrufe automatisieren und Rückgabedaten verwenden, um neue Testaufrufe zu erstellen. COI-Offenlegung: Ich habe keine Beziehung zu Runscope.


Es gibt auch eine kostenlose Stufe für Runscope, es gibt nur eine Untergrenze für Anfragen pro Monat und nur 1 Teammitglied. Offenlegung: Ich tue :-)
Darrel Miller

2

Check out http-toolfür 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.

2
Das ist anscheinend nicht mehr verfügbar. (Es ist wahrscheinlich keine WebExtension und daher nicht kompatibel mit Firefox> = 57.)
Rugk
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.