HTTPリクエストとHTTPレスポンスをchromeのデベロッパーツールで確認する方法

web制作

備忘録で、HTTPリクエストとHTTPレスポンスをchromeのデベロッパーツールで確認する方法をまとめます。

まず、確認したいwebページをGoogle chromeで開き、F12ボタンによってデベロッパーツールを起動したら、「Network」タブをクリックします。

その状態でF5ボタンを押してページ更新(リロード)をします。すると、画面内に各種ネットワークで読み込みされた情報が表示されます。

一式の読み込みが終わった後は、HTTPリクエストとHTTPレスポンスについて確認したいものをName欄のところからクリックすればOKです。

▼www.google.co.jpを選択した画面。

ポイントは、Name欄をきちんとクリックしないと、ヘッダー情報などが確認できないので気をつけてください!

最後に一言

200 〇

この記事をSNSでシェアする?

HTTPリクエストとHTTPレスポンスをchromeのデベロッパーツールで確認する方法


  • 8
    このエントリーをはてなブックマークに追加
  • Pocket

PROFILE

yoshi

KIYOTATSU(キヨタツ)を運営しているウェブ制作者のYoshiです。得意な分野はディレクションとコーディングです。デザインはシンプルなものだけ可能です。他、色々と随時習得中です。