タグ

2019年12月3日のブックマーク (1件)

  • Chromeデベロッパー・ツールを使ってヘッダー情報を確認する | FAIRWAY Engineer {Blog}

    寒くなりましたね!そろそろインフルエンザの季節が到来しますね。 対策にいち早くワクチン打ってもらおうかな~と思っているモリです。 今回はWeb開発で調査に活用できるネタとして、Chromeデベロッパー・ツールでヘッダー情報を確認する方法を簡単に紹介します。 画面遷移時の通信している詳細情報(HTTPリクエストやレスポンスのヘッダー情報など。。。)を確認する方法です。 まずは対象となる画面上で右クリックして「要素の検証」を押下します。 Chromeデベロッパー・ツールが立ち上がったら「Network」タブを押下して詳細情報を確認できます。 詳細情報は大きく分けて3つになります。 1.使用されているファイル一覧 2.ファイルに対する各種情報 3.通信の中身の詳細情報 1.使用されているファイル一覧 画面で読み込んでいるファイルを一覧表示しています。 いくつもファイルを読み込んでいる画面では、た

    Chromeデベロッパー・ツールを使ってヘッダー情報を確認する | FAIRWAY Engineer {Blog}
    tsuyossii
    tsuyossii 2019/12/03