[Chromeデべロッパーツール]POSTパラメータの確認

仕様が分からないサイトの挙動を解析するために、POST送信されている処理でどんなパラメータがセットされているのかを確認する機会がありました。

その際の、Chromeデベロッパーツール(Chrome Developer Tools)を使い方について調べたので、情報を残しておきます。

#最後の参考サイトの方が分かりやすいかと思います。

手順

  1. Chromeで確認したいサイトを開く
    ※Post後に開いたページです。
  2. Chromeの右上にあるメニューから、「その他のツール」→「ディベロッパーツール」を選択する
    もしくは、F12(Windows)、Option+Cmd+i
    もしくは、右クリック→「検証」

    以下のような画面が開くかと思います。

    以降は、この画面を参考にするとよいかと思います。

  3. 「Network」をクリック
    以下のメッセージが表示されている場合は、メッセージ通り、「Ctrl +R」を実行する

    Recording network activity...
    Perform a request or hit Ctrl R to record the reload.
  4. 「Record network log」を実行状態(赤)にする
  5. 「Doc」を選択する
  6. 「Name」に表示されているファイルを選択する
  7. 「Headers」を選択する
  8. 「Form Data」を確認する

    参考の画像で言うと、「ListRows」というパラメータに「10」という値を設定してPOSTで送っているということになります。

参考

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

https://www.tsukimi.net/chrome-developer-tools_post.html

コメント

タイトルとURLをコピーしました