普通だとNetworkタブを使えば通信内容は見られますが、ニッチなケースではそうもいかない場合があります。その場合の対処法です
別タブのファイルダウンロードの通信内容
form要素がsubmitされる場合、違う画面に遷移するような処理だと通信内容がNetworkタブに残りますが、submitされた時に別タブでファイルダウンロードするような処理では別タブでの通信内容が元のタブのコンソールには表示されません。
そういった場合にform要素がどういったデータを送信しようとしているのかをデバッグ表示する方法を紹介します。
やり方
ブレイクポイントを仕掛けて下記の式をwatchしてjsonとしてデータを取得しました (実際にはform-urlencodedなはず)
たまたまjQueryがロードされているページでよかったですね
$(fooBarForm).serializeArray()
別解
ただ、こちらの方法はaタグの場合に使うもので、formで遷移するような場合には違う方法が必要でした