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

web制作

読了の目安時間: 052

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

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

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

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

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

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

最後に一言

200 〇

本記事を気に入って頂けたら、facebookの「いいね!」を是非!

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


本記事のシェアはこちらから!

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

PROFILE

yoshi

follow us in feedly

WEB制作をやっているYoshiと申します。PVは月間10万程度。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。サーバー・アプリなども習得中。