Chrome だけですが。
レスポンスを触れる箇所で debugger を置く
例えばこんな感じのコードです。とりあえずdata
を触りたいのでこの位置にdebugger
を置きます。
ちなみにデモデータはこちらのサイト(jsonplaceholder.typicode.com)。
fetch('https://jsonplaceholder.typicode.com/comments')
.then(res => res.json())
.then(data => {
debugger;
});
これを Chrome の Devtool で実行するとdebugger
の箇所で止まってdata
で詳細が見れると思いますが、ここで Devtool が提供する関数copy
を使うことで、その JSON を丸っとコピーできます。今回ならこんな感じでコピーします。
copy(data);
ネットワークタブのレスポンスが文字化けしてうまくコピーできないような時には便利です。