エンジニアのはしがき

プログラミングの日々の知見を書き連ねているブログです

Chromeの開発者ツールで捕捉した通信をcurlコマンドでコピーする

デバッグをしていて一部のHTTPリクエストのパラメータだけ変えてcurlしたいなーと思っていたところ、Chromeの開発者ツールで既に便利な機能が用意されていたことを知りました。

やり方

  • Chromeで開発者ツールを開き、「Network」タブを表示する。
  • コピーしたいリクエストの行で右クリックし、「Copy」→「Copy as cURL」を選択する。(Windowsだとbash用とcmd用の2種類から選べる模様)

  • あとは任意のターミナルにペーストして実行するだけ。

実際には下記のようなcurlコマンドがコピーされます。(以下はbash用)

curl 'https://************************************' \
  -H 'authority: ************************************' \
  -H 'accept: application/json, text/plain, */*' \
  -H 'accept-language: ja,de;q=0.9,en-US;q=0.8,en;q=0.7,ja-JP;q=0.6' \
  -H 'cache-control: no-cache' \
  -H 'origin: https://************************************' \
  -H 'pragma: no-cache' \
  -H 'referer: https://************************************/' \
  -H 'sec-ch-ua: "Chromium";v="104", " Not A;Brand";v="99", "Google Chrome";v="104"' \
  -H 'sec-ch-ua-mobile: ?0' \
  -H 'sec-ch-ua-platform: "Windows"' \
  -H 'sec-fetch-dest: empty' \
  -H 'sec-fetch-mode: cors' \
  -H 'sec-fetch-site: same-site' \
  -H 'user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36' \
  --compressed

地味に改行してくれているのが見やすくて助かりますね!