ChromeデべロッパーツールでPOSTされたパラメータの中身を確認する

GETでパラメータを渡す場合は、URLを見ればどんなデータが渡されたのかわかりますが、POSTの場合はURLが変わりません。Chromeデベロッパーツール（Chrome Developer Tools）を使えばPOSTで渡したパラメータの内容を確認する事ができます。

Google Chromeで調べたいページを開き、Macなら（オプション+コマンド+i）Windowsなら（fn+f12）、もしくは右クリックで「検証」をクリックするとデベロッパーツールが開きます。

例えば、以下のようなフォームをPOST送信した場合、

デベロッパーツールでは送信された内容を以下のように確認する事ができます。

1. 「Network」をクリックします。
2. 「Record network log」の部分で、ここが赤くなっているかを確認します。黒のときはクリックすると赤になります。
3. 「Doc」をクリックします。「Name」の部分に現在アクセスしているページのファイルが表示されます。
4. 「Name」に表示されたファイル名をクリックします。右側にネットワークログを表示するボックスが表示されます。
5. 「Headers」「Preview」「Response」「Timing」という4つのタブが表示されますので「Headers」を選択します。デフォルトでは「Headers」が選択されているはずです。
6. 「Headers」の中の一番下の「Form Data」の部分に、POSTで渡されたパラメータの内容が表示されます。