QA Dojo
ハンズオン
進捗 0/47

1 リクエストの詳細を読む

スライド 2 of 3

Network タブで気になる行をクリックすると、そのリクエストの詳細が右側に出ます。 主に確認するのは 4 つのタブ:

  • Headers:リクエスト URL・メソッド・ステータスコード・各種ヘッダー(Cookie や Authorization など)
  • Payload(or Request):送信したリクエストボディ(POST/PATCH の JSON など)
  • Response:サーバーから返ってきたボディ(JSON 等)
  • Timing:DNS / 接続 / 送受信にどれくらいかかったか(速度問題のとき)

例:上のリスト中の cart(ステータス 401)をクリック → Headers タブを開くとこう見えます:

General
Request URL: https://shop.example.com/api/cart
Request Method: GET
Status Code: 401 Unauthorized
Request Headers
Authorization: Bearer (空)← 怪しい!
Cookie: (なし)← 怪しい!
Response
{ "error": "missing_auth_token" }← 何が原因か書いてある

📌 QA 視点:「ログインしたのにエラー」の典型原因が一発で見えます。Authorization ヘッダーが空 = リクエストにトークンが乗っていない = フロント側が token を保存/添付できていないと推測できる。 これだけで「ログイン直後の token 保存処理を見て」と開発に渡せます。

API のレスポンスボディに何が返っているかを確認したい。Network タブのどのタブを見る?