質問: ### 前提 書籍でWebについて学習していたところ、キャッシュについて疑問点がでてきたので質問させていただきます。 ### 知りたいこと 例えばキャッシュ無効化のために該当ページのhtmlに以下の設定をした場合、 ``` ``` これらが有効に作用している場合、どのような確認ができればこれらの設定が反映されていることが確認できるのでしょうか? ### 試したこと ・レスポンスヘッダのCache-Controlの確認 -> 該当ページのレスポンスヘッダにはCache-Control: max-age=86400 が設定されていました。 この場合の挙動がよくわかっておりません。 調べたところによると、レスポンスヘッダとmetaタグでの指定が重複した場合、レスポンスヘッダの設定が優先されるとのことでした。 しかし今回の場合設定内容に重複はありませんので、上記の結果の場合 ``` Pragma: no-cache Cache-Control: no-cache Expires: 0 Cache-Control: max-age=86400 ``` の設定が適用されるというような解釈で問題ないのでしょうか? またキャッシュの利用の確認の仕方がありましたら教えていただけますと幸いです。 ### 環境 Google Chrome
回答: キャッシュに関しては以下を参照ください。 (MDN developer.mozilla.org)HTTP キャッシュ - Cache-Control ヘッダー ただし、コンテンツ(サービス)提供側から指定できるのはあくまでもお願いベースなので、実際にキャッシュする(キャッシュを参照する)かはブラウザの実装によるため正確には制御できないことを承知ください。 > > またキャッシュの利用の確認の仕方がありましたら教えていただけますと幸いです。 > > > 実際にキャッシュを参照したかどうかは、ブラウザのDeveloperToolのネットワークタブで確認するのでは駄目でしょうか?(Chromeの場合は以下参照) !イメージ説明