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

web制作

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

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

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

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

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

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

最後に一言

200 〇

この記事が参考になったら「いいね!」

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


SNSのシェアはこちらから!

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

PROFILE

yoshi

運営者のYoshiと申します。WEB制作は、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。サーバー・アプリなども習得中。