1688

サイトの外観を変更しています (CSS の変更) が、永続的なキャッシュが煩わしいため、Chrome で結果を表示できません。+refreshを試しShiftましたが、うまくいきません。

一時的にキャッシュを無効にしたり、変更を確認できるようにページを更新したりするにはどうすればよいですか?

4

33 に答える 33

2051

Chrome DevTools はキャッシュを無効にすることができます。

  1. 右クリックInspect Elementして、DevTools を開くことを選択します。または、次のキーボード ショートカットのいずれかを使用します。
  • F12
  • Control+ Shift+i
  • Command+ Shift+i
  1. ツールバーの をクリック Networkして、ネットワーク ペインを開きます。
  2. 上部のチェックDisable cacheボックスにチェックを入れます。

開発ツール パネルのスクリーンショット

@ChromiumDevからのツイートで述べられているように、この設定はdevtools が開いている間のみアクティブになることに注意してください。

これにより、すべてのリソースがリロードされることに注意してください。一部のリソースに対してのみキャッシュを無効にしたい場合は、サーバーがファイルと一緒に送信するHTTP ヘッダーを変更できます。

チェックボックスを使用したくない場合は、DevTools を開いた状態でDisable cache更新ボタンを長押しすると、または同様の効果を持つオプションを含むメニューが表示されます。オプションの違いを読んで、どのオプションを選択するかを確認してください。次のショートカットを使用できます。Hard ReloadEmpty Cache and Hard Reload

  • Command+ Option+ RMac の場合
  • Control+ Shift+ RWindows または Linux の場合

長押し

于 2011-08-09T18:20:42.717 に答える
253

ここに画像の説明を入力してください

1時間に30回キャッシュをクリアする必要がある場合、キャッシュをクリアするのは面倒です。そこで、ページが読み込まれるたびにキャッシュをクリアするClassicCacheKillerと呼ばれるChrome拡張機能をインストールしました。

Chromeストアリンク（無料） （マルウェアなしになりました！）

これで、私のモックjson、javascript、css、html、およびデータは、ページが読み込まれるたびに更新されます。

キャッシュをクリアする必要があるかどうかを心配する必要はありません。

私が見つけたChrome用のキャッシュクリーナーは約20ありますが、これは軽量で手間がかからないように見えました。アップデートでは、キャッシュキラーは「常にオン」のままにできるようになりました。

注：プラグインの作成者はまったくわかりません。便利だと思いました。

于 2012-08-02T21:46:05.603 に答える
203

リロードメニューの画像

  1. を押して Chrome デベロッパー コンソールをF12開きます (コンソールを開いた状態で):

  2. ブラウザの上部にあるリロード ボタンを右クリック (または左クリックを押したまま) し、[キャッシュを空にしてハード リロード] を選択します。

これは、「ハード リロード」を超えてキャッシュを完全に空にし、javascript などを介してダウンロードされたものもキャッシュの使用を回避するようにします。設定などをいじる必要はありません。簡単な 1 ショットのソリューションです。

于 2014-01-22T15:29:31.950 に答える
49

Chrome でページ キャッシュを完全に無効にするには、さらに 2 つのオプションがあります。

1. レジストリで Chrome キャッシュを無効にする

レジストリを開く (スタート -> コマンド -> Regedit)

検索する：HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

...chrom.exe" の後の部分を次の値に変更します。 –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

例："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

重要：

  • ...chrome.exe の後にスペースとハイフンがあります」

  • chrome.exeへのパスはそのままにしておきます

  • 行をコピーする場合は、引用符が実際の引用符であるかどうかを確認してください。

2. ショートカットのプロパティを変更して Chrome キャッシュを無効にする

Chrome アイコンを右クリックし、コンテキスト メニューで [プロパティ] を選択します。次の値をパスに追加します。 –disk-cache-size=1

例： "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

重要：

  • ...chrome.exe の後にスペースとハイフンがあります」

  • chrome.exeへのパスはそのままにしておきます

于 2013-08-05T13:42:57.880 に答える
33

Chrome の設定を編集したくない場合は、シークレット モードを使用して同じ結果を得ることができます。

于 2014-04-03T01:33:21.640 に答える
23
  1. F12Chrome DevTools を開く
  2. F1DevTools 設定を開く
  3. 以下に示すように、[キャッシュを無効にする ( DevToolsが開いている間)] をオンにします。

これは現在、デフォルトの [設定] タブにあります。下にスクロールする必要がある場合があります。この質問が出されてから、このチェックボックスは少なくとも数回移動されました。最後に確認したところ、一番下の真ん中の列にありました。より薄い画面で開いていて、[設定] の下に 2 つの列がある場合は、右上にある可能性があります。この投稿が変更された場合はお気軽に更新するか、コメントしてください。投稿を更新します。

ここに画像の説明を入力

于 2016-03-31T16:38:38.417 に答える
22

キャッシュを無効にするオプション (開発者ツール ウィンドウの右下隅にあるボタン (ツール | 開発者ツール、またはCtrl+ Shift+ I) からアクセスできます) に加えて、開発者ツールのネットワーク ペインで右クリックできるようになりました。ポップアップメニューから「キャッシュをクリア」を選択します。

于 2011-09-15T15:47:37.080 に答える
17

カナリア チャネル (およびおそらく開発および安定版チャネルが続く) では、これは「一般」セクションの下の左側にある全体の 2 番目のオプションとして見つかります。

Chrome Canary チャネルでキャッシュを無効にする

それに加えて、Ctrl + Shift + N を使用してシークレット モードに切り替えるオプションが常にあります。残念ながら、それによってセッションも終了します。

于 2012-03-27T20:28:14.633 に答える
15

明確にするために、Chromeのキャッシュを無効にするチェックボックス（ここではv17ですが、v15以降だと思います）はメイン設定UIにはありません。これは、開発者ツールの設定 UI にあります。

  1. ブラウザ ウィンドウのレンチ アイコン メニュー (設定メニュー) から、[ツール] → [開発者ツール] を選択します。

  2. 表示される開発者ツール UI で、右下の歯車アイコンをクリックします。

  3. [ネットワーク] セクションの [キャッシュを無効にする] チェックボックスをオンにします。

于 2011-11-28T01:46:25.593 に答える
15

Ctrl+ Shift+を使用Rしてリフレッシュするのは良かったのですが、必要なものがすべて得られませんでした。それでも、js や css に保存されているデータなど、更新されないものがあります。解決策を見つけました: Chrome Web 開発者向けの Google のツールバー。ツールバーをインストールしたら、オプションを選択して「ページをリセット」します。

于 2011-05-08T12:59:22.510 に答える
14

Chrome でキャッシュを無効にすると、開発ツールが開いている場合にのみ機能します

于 2013-03-27T09:54:25.393 に答える
9

実際、帯域幅の使用を気にしない場合は、複数の理由からキャッシュを無効にする方が安全であり、多くのセキュリティ サイトで推奨されています。

Chromium は、決定を下し、ユーザーに設定を強制するほど傲慢であってはなりません。

UNIX では --disk-cache-dir=/dev/null を使用してキャッシュを無効にすることができます。

これは予期しないクラッシュが発生する可能性がありますが、発生した場合は、いずれにせよ修正する必要があるより深刻なバグを明確に示しています。

于 2013-11-17T23:11:54.693 に答える
6

追い出されましたが、必ずしも Chrome のせいではありません。

jQuery を使用して AJAX リクエストを作成しています。リクエストでキャッシュ属性を true に設定しました。

   $.ajax({
        type: 'GET',
        cache: true,
        ....

これをfalseに設定すると問題は解決しましたが、これは理想的ではありません。

このデータがどこに保存されているかはわかりませんが、クロムがリクエストのためにサーバーにヒットすることはありません。

于 2013-06-28T11:49:00.740 に答える
6

ページ名を変更してページがキャッシュされないようにするブックマークレットはどうですか。Chrome では、新しいブックマークを作成し、コードを URL に貼り付けます。ブックマークをクリックすると、ページがタイムスタンプ付きでリロードされ、キャッシュが無効になります。

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();
于 2013-06-03T21:43:15.370 に答える
3

Clear Cacheという名前の Chrome Web ストアで利用可能な Chrome 拡張機能があります。

毎日使っていますが、とても便利なツールだと思います。再読み込みボタンとして使用でき、キャッシュをクリアできます。必要に応じて、Cookie、ロケール ストレージ、フォーム データなども使用できます。また、これが発生するドメインを定義することもできます。したがって、とにかく押す必要があるリロードボタンだけで、このたわごとをすべてクリアできます-選択したドメインで。

とってもとっても素敵！

オプションで、このためのキーボード ショートカットを定義することもできます。

また、Chrome ウィンドウをシークレット モードで起動する方法もあります。ここでは、キャッシュも完全に無効にする必要があります。

于 2013-04-09T20:36:50.537 に答える
2

何を使用しているのかわかりませんが、ASP.Net を使用している場合は、次のようにすると魅力的です。

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

基本的に、実行されるたびにファイルの最後に日付と時刻が自動的に追加されます。つまり、ファイル名が技術的に異なるため、再度キャッシュされることを心配する必要はありません。

于 2017-01-27T14:21:48.443 に答える
1

バージョン 50 以降 (私の記憶が正しければ)、「キャッシュを無効にする」オプションが Devtool 設定から削除されました。「ネットワーク」タブに移動すると、「キャッシュを無効にする」オプションがあります。

于 2016-08-10T09:50:27.370 に答える
0

上記の他のオプションを使用しましたが、chrome.exe のスタートアップに次のパラメーターを追加するのが最善であることがわかりました。

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disk-cache-size=1 -media-cache=1

メディアキャッシュを無効にしないのは良い考えだと思いますが、完全を期すためにここにいます.

実際には、キャッシュを完全に無効にして、ディスクの代わりにIOにメモリを使用するオプションが必要です（これにより、ロード時間も10倍速くなります！）が、クロムやその問題のブラウザーにはまだそのオプションがあるとは思いません.

于 2014-10-26T18:06:48.233 に答える
0

サイトで PHP を使用している場合は、HTML ページの先頭に次の小さな PHP スニペットを配置します。

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

スクリプトまたはリンク要素で CSS または JS ファイルなどのリソースをロードするすべての場所で、「?」を追加した後に、生成されたランダム値をリクエスト URL に追加します。PHP経由でURIに：

    echo $rand;

それでおしまい！あなたのサイトをキャッシュするブラウザはもうありません - どんな種類でも。

もちろん、公開する前にコードを削除するか、単に $rand を空の文字列に設定して、キャッシュを再度許可します。

于 2014-01-22T15:02:08.133 に答える
0

私は（Windowsで）ctrl + shift + deleteを使用し、クロムダイアログが表示されたらEnterキーを押します。これは、このシーケンスを実行するたびにクリアする必要があるもので構成できます。devを持つ必要はありません。この場合、ツールが開きます。

于 2018-08-08T15:51:52.640 に答える