Gibt es eine Möglichkeit, eine HTTP-Anfrage mit den Chrome Developer-Tools zu stellen, ohne ein Plugin wie POSTER zu verwenden?
205
Gibt es eine Möglichkeit, eine HTTP-Anfrage mit den Chrome Developer-Tools zu stellen, ohne ein Plugin wie POSTER zu verwenden?
Antworten:
Seit der Fetch API von Chrome (und den meisten anderen Browsern) unterstützt wird, ist es jetzt recht einfach, HTTP-Anforderungen über die devtools-Konsole zu stellen.
So rufen Sie eine JSON-Datei ab:
Oder POST eine neue Ressource:
Chrome Devtools unterstützen tatsächlich auch die neue Async / Warten-Syntax (obwohl Warten normalerweise nur innerhalb einer Async-Funktion verwendet werden kann):
Beachten Sie, dass Ihre Anfragen der Richtlinie mit demselben Ursprung unterliegen wie jede andere HTTP-Anforderung im Browser der Vermeiden Sie daher entweder Anforderungen für unterschiedliche Herkunft oder stellen Sie sicher, dass der Server CORS-Header festlegt, die Ihre Anforderung zulassen.
Verwenden eines Plugins (alte Antwort)
Als Ergänzung zu zuvor veröffentlichten Vorschlägen habe ich festgestellt, dass das Postman- Plugin für Chrome sehr gut funktioniert. Hier können Sie Header und URL-Parameter festlegen, die HTTP-Authentifizierung verwenden, häufig ausgeführte Anforderungen speichern und so weiter.
quelle
fetch("/echo/json/", { method: "POST", body: data })
mode
Anforderungsoption, die Sie verwenden können :fetch("/echo/json/", { method: 'POST', mode: 'no-cors' }
. Beachten Sie diesen Modus: "no-cors" erlaubt nur einen begrenzten Satz von Headern in der Anfrage. Weitere Informationen zur Verwendung von Fetch und No-CorsWenn Sie eine Anforderung bearbeiten und erneut ausgeben möchten, die Sie auf der Registerkarte "Netzwerk" der Chrome Developer Tools erfasst haben:
Name
auf die AnfrageCopy > Copy as cURL
quelle
Ich weiß, alter Beitrag ... aber es könnte hilfreich sein, dies hier zu lassen.
Moderne Browser unterstützen jetzt die Fetch-API .
Sie können es so verwenden:
ps: Es werden alle CORS-Prüfungen durchgeführt, da es verbessert wurde
XmlHttpRequest
.quelle
Wenn Ihre Webseite jquery auf Ihrer Seite enthält, können Sie dies auf der Chrome-Entwicklerkonsole schreiben:
Seine jquery Art, es zu tun!
quelle
GET
Sie daran, dies ist nur für Anfragen, wenn Sie andere Arten von Anfragen machen möchten, können Sie verwenden$.ajax
var script = document.createElement("script"); script.src = "http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"; document.body.appendChild(script);
Erweitern auf @dhfsk Antwort
Hier ist mein Workflow
Klicken Sie in Chrome DevTools mit der rechten Maustaste auf die Anforderung, die Sie bearbeiten möchten>
Copy as cURL
Postbote öffnen
Import
in die obere linke EckePaste Raw Text
quelle
Wenn Sie einen POST aus derselben Domäne ausführen möchten, können Sie jederzeit mit den Entwicklertools ein Formular in das DOM einfügen und Folgendes senden:
quelle
Ich hatte das beste Glück, zwei der obigen Antworten zu kombinieren. Navigieren Sie zu der Site in Chrome und suchen Sie die Anforderung auf der Registerkarte "Netzwerk" von DevTools. Klicken Sie mit der rechten Maustaste auf die Anforderung und kopieren Sie, aber kopieren Sie als Abruf anstelle von cURL. Sie können den Abrufcode direkt in die DevTools-Konsole einfügen und bearbeiten, anstatt die Befehlszeile zu verwenden.
quelle
Verwenden Sie dieses Format, um Anforderungen mit Headern abzurufen.
quelle
Wenn Sie jquery auf Ihrer Website verwenden, können Sie so etwas wie Ihre Konsole verwenden
quelle
Wenn Sie möchten, dass die Anforderung denselben Browserkontext wie die Seite verwendet, die Sie bereits anzeigen, müssen Sie in der Chrome-Konsole Folgendes tun:
quelle
quelle