Q&A
> XMLHttpRequestを用いた通信を行っていることは確認できた
要求メソッド（GETやPOST）は開示してください。
成し遂げたいこと
csvデータを出力ボタンのクリックによって出力できるWebサイトにおいて、csv出力のURLを投げる（HTTP通信を行う）ことでcsvデータが出力されるようにしたい。
行ったこと
①Webサイト上からChromeの開発者ツールを用いて、csv出力ボタンのHTMLコードを調べた
HTML
1<button type="button" style="margin-left:10px" data-toggle="modal" data-target="#status_change_modal" class="c-btn__base--blue">実行</button>
②JavaScriptのソースコードを確認した
XMLHttpRequestを用いた通信を行っていることは確認できた。
（2000行近くあるコードを確認する必要があれば添付しようと思います）
聞きたいこと
JavaScriptのファイルがどのようにサーバー間と通信を行っているか確認する方法が分からなかった。
2000行近くあるJavaScriptのコードからどこに注目すればいいかアドバイスを頂きたい。
追記
①をクリックした後に以下のボタンが出現し、以下のボタンをクリックするとcsvが出力される仕様でした。
HTML
1<div class="modal-footer c-modal__buttonArea"> 2<button type="button" data-dismiss="modal" class="c-btn__ellipse c-btn__color--d c-btn__size--middle">キャンセル</button> 3<button type="button" class="c-btn__ellipse c-btn__color--a c-btn__size--middle">確定</button> 4</div>
回答2件
0
JavaScriptのファイルがどのようにサーバー間と通信を行っているか確認する方法が分からなかった。
Developer Toolsの「Network」タブを開いて、それからダウンロードを行ってみましょう。行った通信がタブ内に記録されます。
投稿2020/08/24 07:43
総合スコア146018
これも検証してみました。
しかし一瞬無題のタブが別タブで開かれるだけで、Networkの履歴に残りませんでした。
> しかし一瞬無題のタブが別タブで開かれるだけで
それはwindow.openやフォームによる送信を行っているのではないでしょうか（XMLHTTPRequestによる通信では、そのような挙動にはなりません）。
（なお、typeのない<button>はtype=submitとして扱われます。当該の<button>の外側に、<form>はありませんか？）
>それはwindow.openやフォームによる送信を行っているのではないでしょうか（XMLHTTPRequestによる通信では、そのような挙動にはなりません）
そうなのですか、コード内にXMLHTTPRequestの記載があったんのでこれであると勘違いをしておりました。
<form>タグはありませんでした。
ボタンを押した後にもう一つ画面遷移がありましたので、情報追加致します。
遅れて申し訳ありません。
0
2000行近くあるJavaScriptのコードからどこに注目すればいいか
ネイティブ実装されたオブジェクトから探します（難読化しても名称変更できないため）。
推測どおりのHTTP通信であれば、fetch にリプレースされていない限り
XMLHttpRequestで検索し、XHRの通信を関数化している箇所を探す。- 関数化されたXHR処理を呼ぶ箇所を探す。
- etc
maisumakun さんがコメントされているように window.open もネイティブ実装です。
画面表示に関連するDOM操作関連イベントもあるでしょうから、気になるHttp通信機能だけでなく
UI関連の実装（詰まる話が、ソース全体）を把握するのが望ましいです。
難読化されている場合は、解明は難しいですが、JavaScriptの逆解析は時間が許す限り不可能ではないです。
CSVは主に表計算などにペーストしやすい業務用に活用されるフォーマットと感じます。
業務用であるなら情報漏洩防止目的のため、サーバーに送信するパラメータ以外に、セッションなどを併用した「簡易認証が施されている」事例も考えられます。この場合、サーバー側を弄れない状態（ブラウザ側のJavaScriptだけ）で対応できるものではありません。
いずれにせよ「成し遂げたいこと」で挙げられた内容については、ページ側の実装を確認しない限り何とも言えないです。
投稿2020/08/24 08:34
総合スコア5434
あなたの回答
tips
プレビュー
