web-dev-qa-db-ja.com

Firefoxでキャッシュをオフにする方法は?

開発中は、FirefoxでJavaScriptファイルの最新バージョンを使用するために、常にFirefoxの「キャッシュをクリア」する必要があります。

JavaScriptファイルのキャッシュを完全にオフにするための設定(about:config)がありますか?または、そうでない場合、すべてのファイルに対して?

139
Thilo

Firefoxのアドレスバーに「about:config」と入力し、以下を設定します。

browser.cache.disk.enable = false
browser.cache.memory.enable = false

ローカルで開発する場合、またはHTML5の新しいマニフェスト属性を使用する場合は、about:configで次の設定も必要になる場合があります。

browser.cache.offline.enable = false
226
tst

Web Developer Toolbar には、キャッシュを無効にするオプションがあり、必要に応じてキャッシュのオン/オフを簡単に切り替えることができます。

60
philnash

使ってみましたか CTRL-F5 ページを更新するには?

12
some

JavaScriptに対してのみキャッシュを無効にする特定のオプションはありません。キャッシュを完全に無効にする必要があります。

FireBug には、[ネットワーク]タブのドロップダウンメニューでブラウザーキャッシュを無効にするオプションがあります。

10
kynan

キャッシュを無効にする同じページで、これを実行します。参考までに、作業中のバージョンは30.0です。

あなたはできる :

open webdeveloper toolbaropen web developer

and pick disable cache

その後、それは自分自身からページをリロードし(あなたがオンになっている)、すべてのものが再キャッシュされ、すべてのfurthureリクエストも毎回再キャッシュされ、あなたは常に目を離さないようにWeb開発者を常に開いたままにしておくことができます(チェック) 。

8
shareef

Firefox 48開発者ツール

ツールボックスが開いているときにのみキャッシュをオフにできます。これは、Web開発に最適です。

  • F12
  • 右上隅のギアボックス
  • スクロールダウントップ詳細設定
  • 「キャッシュを無効にする(ツールボックスが開いている場合)」を確認します

enter image description here

https://stackoverflow.com/a/27397425/895245 には同様のコンテンツがありますが、その後、位置が少し変更されました。

サーバー側のコードを使用している場合は、乱数を生成し、次の方法でsrcの末尾に追加できます。

src = "yourJavascriptFile.js?randomNumber = 434534"

randomNumberが毎回ランダムに生成されます。

7
RekrowYnapmoc

私は古代の質問を復活させていることを知っていますが、今日この問題を解決しようとして別の解決策を考えていました。私がテストしたいときにキャッシュを切り替えることは本当に受け入れられませんでした。他の人が述べたように、ハードリフレッシュ(ctrl + shift + r)は常に機能しません。

代わりに、開発環境のvhost.confファイルに以下を追加することを選択しました(.htaccessでも実行できます)。

<FilesMatch "\.(js|css)$">
FileETag None
<IfModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</IfModule>
</FilesMatch>

私の開発環境では、これによりjsとcssが常に取得されます。さらに、それは私のブラウジングの残りの部分には影響せず、すべてのブラウザで機能するため、chrome /などでのテストも簡単です。

ここでスニペットを見つけ、他の便利なApacheのトリックも: http://www.askapache.com/htaccess/using-http-headers-with-htaccess.html#prevent-caching-with-htaccess =

クライアントが本番環境で常に最新バージョンを参照できるようにするために、更新ごとにjs includeのクエリ文字列を増やします。

jquery.somefile.js?v=0.5

これにより、クライアントのブラウザは新しいクエリ文字列を見つけるとローカルキャッシュを更新しますが、ファイルが再び更新されるまで新しいコピーをキャッシュします

4
Kevin Jhangiani

FireBugを使用している場合、[ネットワーク]タブのドロップダウンメニューに、ブラウザーのキャッシュを無効にするオプションがあります。

enter image description here

3
Moes

使用できます CTRL-F5 キャッシュをバイパスしてリロードします。

キャッシュを使用しないように、Firefoxで設定を設定できます。

network.http.use-cache = false

Jsファイルのno-cache/Expires/Cache-Controlヘッダーを送信するようにWebサーバーをセットアップできます。

Apache Webサーバーの を次に示します。

3
Pat

最適な戦略は、JSファイルへの一意のURLを構築するようにサイトを設計することです。これは、変更があるたびにリセットされます。このように、変更がない場合はキャッシュしますが、変更が発生するとすぐにリロードします。

特定の環境ツールに合わせて調整する必要がありますが、PHP/Apacheを使用している場合は、あなたとエンドユーザーの両方に最適なソリューションがあります。

http://verens.com/archives/2008/04/09/javascript-cache-problem-solved/

3
scunliffe

投稿された最後の2つのソリューションには長所と短所がありますが、どちらも私見の優れたソリューションです。

  1. セキュリティを強化するために、セッションIDをURLに埋め込むこともできます。しかし、開発ではそれは問題ではありませんが、削除するのを忘れたらどうなりますか?また、それは本当に機能しますか?連続番号ジェネレーターのようなものが必要ではないでしょうか(セッションに格納されているヒットカウント、または1ならば0、1ならば0、1ならば1)。

  2. セッションID(または任意のシーケンサー)を追加すると、キャッシュしたくないすべてのリソースに追加することを忘れないでください。一方では、積極的に開発およびテストしているリソースだけにセッションIDを含めることができるため、より優れています。一方、それはあなたがそれをしなければならず、本番環境でそれを削除することを忘れてはならないことを意味します。

  3. Vhost.confまたは.htaccessファイルを変更すると、セッションIDを追加および削除することを覚えておく必要なく、うまく機能します。ただし、すべてのjsおよびcssリソースのパフォーマンスが影響を受けるという欠点があり、大きなファイルがある場合は速度が低下します。

どちらも優れたエレガントなソリューションのように見えますが、ニーズによって異なります。

1
meem

私が使う CTRL-SHIFT-DELETE これにより、プライバシー機能が有効になり、キャッシュをクリアしたり、Cookieをリセットしたりすることができます。確認を求めるダイアログボックスをポップアップ表示する代わりに、実行するように設定することもできます。

NightlyのようなFirefoxの上位バージョンには、「キャッシュを無効にする」という名前のオプションがあり、ギアをクリックして見つけることができます。そして、そのオプションは現在のセッションでのみ機能します。つまり、インスペクターを閉じて再起動すると、キャッチを無効にしたい場合は再度チェックする必要があります。

1
jiyinyiyong

さまざまな選択肢を2時間ブラウジングした後、これはうまくいきました。

私の要件は、春のセキュリティで保護されたWebアプリケーションでjsファイルとcssファイルのキャッシュを無効にすることでした。しかし同時に、これらのファイルを特定のセッション内で「キャッシュ」します。

リクエストごとに一意のIDを渡すことは、推奨されるアプローチの1つです。

そして、これは私がやったことです。

<script language="javascript" src="js/home.js"></script>

私は使った

<script language="javascript" src="js/home.js?id=${pageContext.session.id}"></script>

上記のアプローチに対する短所は大歓迎です。セキュリティ上の問題 ?

0
Darshan

Firefox 45では、browser.cache.disk.enableの値を変更することでディスクキャッシュオプションを設定できます。

値は「about:config」ページで設定できます。

オン http://kb.mozillazine.org/About:config_entries#Browser 「browser.cache.disk.enable」に関する次の説明を見つけました。

True(デフォルト):browser.cache.disk.capacityで指定された容量までのディスクキャッシュを使用するFalse:ディスクキャッシュを無効にする(browser.cache.disk.capacityを0に設定するのと同じ効果)

0
Daniel

まず第一に、これは簡単に行うことができます。 PHPにより、ブラウザにキャッシュ日付(有効期限)に基づいてファイルを強制的に更新させます。実験的なニーズにのみ必要な場合は、ctrl + shift + delを使用して、Firefoxブラウザー内ですべてのキャッシュを一度にクリアしてください。 3番目の解決策は、Firefox用に終了する多くのアドオンを使用して、タイムラインに基づいてキャッシュをクリアすることです。

0
Amir Ghorbani