ブラウザにJavaScript等コンテンツをキャッシュさせない 1行のコード
このブログに、ライブドアの相互RSSを設置してしばらく経ちました。設置した当初はちょっとしたトラブルがありました。
このブログでの相互RSSの表示はJavaScriptで行っているため、ブラウザなどによっては、JavaScriptがブラウザにキャッシュされてしまい、RSS更新があってもなかなか表示の内容が更新されないという現象が起こっていました。
ブラウザのキャッシュ機能は便利な反面、更新の多いページでは逆に邪魔な存在になります。
サーバ上では更新されているのに、キャッシュが表示されるばかりで更新が反映しないということがあります。
相手先の更新がすぐに表示されないと相互RSSとは言えないので、解決策を探ったところ、たった1行のHTMLのmetaタグでJavaScriptのキャッシュをさせない設定が出来る事を知りました。
ブラウザでキャッシュ禁止する為のコード
対応しているブラウザでは以下の1行のコードを入れることによって、JavaScriptなどのコンテンツがブラウザ側にキャッシュされないようになります。
<meta http-equiv="Pragma" content="no-cache">
このタグはhead要素の中で記述します。
<meta http-equiv="Cache-Control" content="no-cache">
というのもありますが、こちらも内容はいっしょです。自分好みのメタタグをヘッダー要素に追加しましょう。
JavaScript などで頻繁に更新されるコンテンツを表示しているようなサイトやブログは、ブラウザ側にページの内容をキャッシュをされないようなコードを入れるか、キャッシュの有効期限を短めに設定しておきましょう。
すでにブラウザにキャッシュされている場合
既にブラウザにjavaScriptのキャッシュが残っている場合は、後からこのコードを入れても効果ありません。（ブラウザのキャッシュが削除されるわけではないため）
その場合は先にブラウザに残っているjavaScriptのキャッシュを消してください。キャッシュの削除方法はブラウザによって異なります。
この記事を書いた人
記事をご覧頂きありがとうございます！ 当ブログ『PLUS1WORLD』の記事執筆、編集、校正、プログラミング（一部）、管理を行っているのは今井阿見（いまいあみ）という個人のブロガーです。ブログは趣味と実益を兼ねて運営しています。
私、今井阿見は30年近くゲームをプレイしているベテランのゲーマー。学生時代にパソコンでゲーム作りや映像制作を行っていたので、ゲームだけでなく、映画やアニメなどの映像コンテンツ、スマホやパソコン、ガジェットなどの分野にも興味があります。
もし、このブログの記事を気に入ったら、記事をSNSでシェアしたり、著者（今井阿見）Xアカウントをフォローするなどして応援して下さい！ 励みになります！