web-dev-qa-db-ja.com

Chromeはキャッシュをクリアしていません

私は新しいサイトに取り組んでおり、CSS設定を変更するたびにchromeはタスクマネージャでchromeを完全に閉じて再起動しない限り、それらの変更を受け入れません。私はかなり多くのことを試しました。以下は私が試したもののリストです。

  • CSSファイルのバージョン管理（CSSファイルの最後にPHP日付スタンプを使用しています
  • 開発者コンソールで「開発者ウィンドウが開いているときにキャッシュをクリア」を有効にする
  • Ctrl + F5を使用して更新時にキャッシュをクリアする
  • 開発者コンソールでアプリケーションに移動してストレージをクリアする
  • ローカルAppDataのキャッシュフォルダーをクリアする
  • Stie、refresh、readdingファイルからCSSファイルを削除します。
  • プライバシーモード
  • chromeショートカット--disk-cache-dir=nullへの起動オプションの追加
  • ブラウザプラグインを追加してキャッシュを削除します。

誰もがどのように助けるためのアイデアを持っていますか？ CSSの変更を確認するたびにchromeを閉じるのは非常に面倒で非効率的です。もう1つの問題は、ブラウザで音楽を聴こうとしていることです。そのため、chromeを閉じると、戻ってもう一度音楽を再生する必要があります。が欲しいです。

キャッシュバスティングに関する他の記事やStack Overflowに関する他の記事をオンラインで見てみましたが、それらが示唆するほとんどのことを実行しようとしましたが、肯定的な結果はまだありません。ほとんどの記事では、CSSファイルの末尾にGETリクエストとして何らかのランダムな文字列またはバージョンを追加するように言っていますが、それは機能していません。

htmlcssgoogle-chromecaching
15
AndyPet74

開発サーバーはさまざまなキャッシュツールを実行していましたが、それらはオフにする必要がありました。それらを無効にした後、chromeはより良く機能し始め、ほとんどの場合CTRL + F5がトリックを行いました。

3
AndyPet74

pres f12> f1> network>キャッシュを無効にします（DevToolsが開いている間）。これで問題が解決するはずです

9
Pizza lord

"キャッシュのクリア"は、それほど簡単ではありません。ブラウザのキャッシュをクリアする代わりに、キャッシュされたサーバーファイルを「タッチ」すると、サーバーにキャッシュされたソースファイルの日付と時刻が実際に変更されることに気付きました（Edgeでテスト済み、ChromeおよびFirefox ）そして、ほとんどのブラウザはサーバー上の最新の最新のコピー（コード、グラフィックス、マルチメディアも）を自動的にダウンロードします。サーバー上の最新のスクリプトをコピーすることをお勧めします"do the touch thing"プログラムを実行する前の解決策。すべての問題ファイルの日付を最新の日付と時刻に変更し、ブラウザに新しいコピーをダウンロードします。

  <?php
    touch('/www/sample/file1.css');
    touch('/www/sample/file2.css');
    touch('/www/sample/file2.css');
   ?>

その後...プログラムの残りの部分...

この問題を解決するのに少し時間がかかりました（多くのブラウザは異なるコマンドに対して異なる動作をしますが、ファイルの時間をすべてチェックし、ブラウザでダウンロードしたコピーと比較します（異なる日時の場合は更新します）、想定通りの方法で進むことはできません。常に別の使用可能でより良い解決策があります。よろしく、幸せなキャンプ。ところでtouch（）;または、javascript bash sh phpを含む多くのプログラミング言語で機能し、htmlでそれらを含めるか呼び出すことができます。

1
Luis H Cabrejo

以前は同じ問題を抱えていましたが、それはChromeの（かなり厄介な）バグだと思います。 CSS Reloader Chrome Extension を使用して解決できます。理想的ではありませんが、より優れています

0
Stormhashe

新しいCSSの更新を試す場合は、Chromeの「検査」機能を使用して、CSS設定を動的に更新し、結果をインタラクティブに確認することをお勧めします。これにより、手動での編集のみに比べて、更新サイクル中の時間をいくらか節約できます。

試す別のオプションは、headセクションで「cache-control」メタタグを定義することです。開発/テストの場合、キャッシュを使用しないこともできます。実際のWebサイトの場合、年齢制限を短くすることができます。以下を参照してくださいSO Q＆A。

メタタグを使用してすべてのブラウザーでキャッシュを有効にしますか？

0
JohnH