FirefoxまたはChromeブラウザから手動でHTTP POSTリクエストを送信する方法は?


1034

作業中のWebアプリケーションでいくつかのURLをテストしたい。そのために、HTTP POSTリクエストを手動で作成したいと思います(つまり、好きなパラメーターを追加できます)。

ChromeやFirefoxにない拡張機能はありますか?


1
RestletによるDHC(Chromeウェブストアで入手可能)も非常に便利です。
Devesh Khandelwal

10
ChromeコンソールでAJAX呼び出しを行います。延長は必要ありません。これは、認証Cookieを取得する必要なくPOSTリクエストを行うための良い方法です。$.post('/resource/path/')
FearlessFuture 2017年

11
アドオンが必要である一方で、クローズはナンセンスをほのめかしています。彼はchromeまたはfirefoxの機能、またはプラグインが必要なiifを求めていました。特定または未指定のプラグインが必要になる可能性があることは重要ではありません
Shayne

26
投稿が正しく閉じられていません。ツールを要求するのではなく、作成者がすでに使用しているツールの機能を要求します。この方法では、これを行う方法や、あるツールでそれを行う方法に関するすべての質問を閉じる必要があります。これは、SOの10分の1に相当します。
Gangnus

8
Firefoxでこの機能に気付いたのは、ネットワークタブを開いてランダムなリクエストを選択したときですEdit and Resend。これは非常に便利です。
18年

回答:


1838

私はこの種のもののためにPostmanと呼ばれるChromeアプリを作っています。他のすべての拡張機能は少し日付が古いように思われたので、自分で作成しました。また、ここに独自のAPIを文書化するのに役立つ他の機能もたくさんあります。


Postmanには、Windows、Mac、Linux向けのネイティブアプリ(スタンドアロン)も用意されています。今ではネイティブアプリを使用する方が望ましいです。詳しくはこちらをご覧ください


1
これをFirefoxに移植するつもりはありますか?(またはChrome以外のもの)
Oli

1
うん。これはlocalhostのURLでも問題なく機能します。
Abhinav

4
PostmanでPOSTを使用する場合、x-www-form-urlencodedが選択されたら、キーと値を本文に追加します。@Abhivav素晴らしいアプリケーションをありがとうございます。RESTfulをテストするときに本当にうまくいきます。
David

1
ブラウザのCookie、セッションを使用する場合は、Postmanインターセプタプラグインもインストールしてください。
GPサイボーグ

2
私は9年後にこの投稿を読んで、郵便配達員が開発者の生活の不可欠な部分になる方法を考えてうれしいです。それを開発してくれた@Abhinavとチームに感謝します。
Santhosh K Thadka

330

カールはあなたがやりたいことをするのに素晴らしいです!シンプルですが効果的なコマンドラインツールです。

残りの実装テストコマンド:

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
これは質問に対する間違った答えですが、私はこれを支持しています。それは、代わりに知る必要があったものです。
Jim Pivarski、2016年

8
ブラウザーに設定済みのCookieを添付できないため、目的に適合しません。たとえば、Webサイトに手動でログインして、投稿リクエストを送信することができます。curlでは、ログインプロセスがjavascriptで処理されている場合、これは
非常に困難

これは私にとっては機能しません。OSXでzshとbashを使用した単一引用符は使用できませんquote>。シェルはモードに変わります。使用する必要があります-d "{\"..
ダニエルW.

193

Firefox

を押すCtrl+Shift+Eか、メニューバー->ツール-> Web開発->ネットワークを選択して、開発ツールのネットワークパネルを開きます。次に、右上の小さなドアのアイコンをクリックします(スクリーンショットの展開形式では、強調表示されたヘッダーのすぐ左にあります)、2行目(表示されない場合は、ページを再読み込みします)->編集してあなたが望むどんな要求でも再送する

[編集して再送信]ボタンが強調表示されたFirefox開発ツール

強調表示されたPOSTリクエスト本文


2
この機能は他の誰かのために壊れていますか?[クエリ文字列]ボックスのパラメーターを編集する場合、単一の文字を変更した後、それ以上リクエストを変更することを拒否します。それを超えてそれを行う唯一の方法は、URL /要求全体を編集することです(これはすべて一緒にスムーズにされるため、困難です)
Coldblackice

@Coldblackiceスクリーンショットまたは問題ステップレコーダーを投稿していただけますか?クエリ文字列は問題なく編集できます。新しいクエリ文字列を追加するには、&=を使用するか、単に新しい行を開始します。編集するには、個々のk、vを変更するか、削除して最初からやり直します。
2015年

?key=valueキーと値のペアを1行ずつ入力できるクエリ文字列()のフィールドが必要な場合は、上部?URLフィールドにa と文字を追加するだけで、Query Stringフィールドが表示されます。
xuiqzy

1
それが正解です。
MetehanGülaç

162

ブラウザを忘れて、CLIを試してください。HTTPieは素晴らしいツールです!

ここに画像の説明を入力してください

CLI httpクライアント:

ブラウザの拡張機能を主張する場合:

クロム

Firefox


1
また、リソーステストアドオンaddons.mozilla.org/en-us/firefox/addon/http-resource-test
akostadinov

ポスターの最終更新日:2011年6
Richard

@akostadinov Mozillaでリソーステストアドオンを使用できません。Firefoxの最新バージョンの開発者ツールの下では、ツールは(インストールして再起動した後でも)表示されません。
Ram

1
REST Easyを試してみました。その場でアンインストール:インターフェースがあまりにも多くの手で保持し、ユーザーを厳密な使用例に強制します。API開発には適していません。
7heo.tk 2015

上記のすべてのFirefoxを試したが、Postman for Chromeほど便利なものは見つからなかった。ちなみに、REST Easyは空の応答を処理しません。
Lu55

45

Postman for Chromeに大きな影響を受けたので、Firefoxでも同じようなものを書くことにしました。

REST Easy *は、リクエストに対して可能な限り多くの制御を提供することを目的とした再起動のないFirefoxアドオンです。アドオンはまだ実験的な状態です(まだMozillaでレビューされていません)が、開発は順調に進んでいます。

プロジェクトはオープンソースなので、誰かが開発を手助けすることを強いられていると感じたなら、それは素晴らしいでしょう:https : //github.com/nathan-osman/Rest-Easy

* http://addons.mozilla.orgから入手できるアドオンは、GitHubで入手できるコードよりも常に少し遅れます


2
良さそうですが、リクエストの本文を完全に制御する機能がありません。現在、それはキー/バリュー機能を提供しますが、ポストボディの完全な制御がいいでしょう。
galmok 14

PUTとDELETEのサポートは私に勝つでしょう。それ以外はよさそうだ。
デニス

1
@Pacerier:これは私が現在取り組んでいる機能であり、約90%完了しています。うまくいけば、それは年末までにリリースされるでしょう。Mozillaによって承認されたアドオンを取得するバックログがあるようです。
Nathan Osman

2
1か月以上待ち、新しいバージョンが承認されました。PUTおよびDELETEサポートが到着しました!その月には、次のリリースで間もなく表示されるその他の新しい変更も大量に加えました。(うまくいけば、今回はより早く承認されます。)
Nathan Osman 2014

2
どうやら、それはもう利用できません。(おそらくWebExtensionではないため、Firefox> = 57とは互換性がありません。)この問題は、github.com
osman

18

具体的には、「ChromeやFirefoxの拡張機能や機能」を求めましたが、既に受け取った回答で提供されていますが、「ウェブブラウザで投稿リクエストを送信する方法」という閉じられた質問に対するoeziの答えの単純さが好きです。単純なパラメータの場合。oeziさんのコメント:

フォームで、ちょうどセットmethod"post"

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

つまり、非常にシンプルなページを作成して、投稿アクションをテストします。


16

少し見苦しいですが、シンプルなRESTクライアントがあります。、Chrome用の拡張機能ます。

それは私にとってはうまくいきます-それでもデバッガを使うことができることを覚えておいてください。ネットワークペインは特に便利です。レンダリングされたJSONオブジェクトとエラーページが表示されます。


これはもう存在しないと思います。
Zeusstl

1
はい、リンクは使用できなくなり、新たなリンクがあるべきchrome.google.com/webstore/detail/advanced-rest-client/...
ルーメンJekov

@RumenJekov「高度な RESTクライアント」は、「単純な RESTクライアント」とは異なる製品(つまり、異なる答え)のようです
TylerH




3

Runscopeをお試しください。サービスをサンプリングする無料のツールがhttps://www.hurl.it/で提供されています。メソッド、認証、ヘッダー、パラメーター、および本文を設定できます。応答には、ステータスコード、ヘッダー、本文が表示されます。応答本文は、折りたたみ可能な階層を使用してJSONからフォーマットできます。有料アカウントでは、テストAPI呼び出しを自動化し、戻りデータを使用して新しいテスト呼び出しを作成できます。COI開示:Runscopeとは関係ありません。


Runscopeには無料枠もあり、1か月あたりのリクエスト数に下限があり、チームメンバーは1人だけです。開示:私はします:-)
Darrel Miller

2

チェックアウト 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.

2
どうやら、それはもう利用できません。(おそらくWebExtensionではないため、Firefoxと互換性がありません> =57。)
rugk '12
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.