【 HTTP 】ディベロッパーツールでcache-controlを確認する
先日キャッシュについて学習したので自分なりにざっくり解説してみました。
ありがとう google 。
キャッシュを目視したい!!に関しては、
Fastly というツールで url を入力してそこのキャッシュを確認できるらしい。
( もう少し調査が必要ですね、、、悪しからず )
ディベロッパーツールでリクエストヘッダーの中身を確認する
chromeの最強武器ディベロッパーツールには HTTP通信の中身を確認することができます。
ディベロッパーツールを開く > Network > ページをリロード > リクエストの履歴の一つをクリック
これでHTTP通信の全貌が明らかになります。
ネットワーク!!で通信内容の履歴が確認できます。
ネットワークを開いた状態で、リロードして内容を確認します。
リロードすると通信内容や一番上からサーバーとのやりとりの内容が確認できます。
この行ひとつ一つがいわゆるリクエスト!!! おお!
その中にcache control
という項目があって、ここでキャッシュを取得したり、
効果に時間を設定したりできます。