Visual Studio でデバッグ中に Chrome ブラウザで .css ファイルを強制的に再読み込みするにはどうすればよいでしょうか? 質問する

Visual Studio でデバッグ中に Chrome ブラウザで .css ファイルを強制的に再読み込みするにはどうすればよいでしょうか? 質問する

現在、Visual Studio 2012 内で .css ファイルを編集しています (デバッグ モード)。ブラウザとして Chrome を使用しています。Visual Studio 内でアプリケーションの .css ファイルに変更を加えて保存すると、ページを更新しても .css ファイルの更新された変更が読み込まれません。.css ファイルはまだキャッシュされていると思います。

私が試してみました:

  1. Ctrl + F5 キー
  2. Visual Studio 2012 では、プロジェクトのプロパティの Web タブに移動し、開始アクション セクションで外部プログラムの開始を選択します。Google Chrome のパスを貼り付けるか参照します (私の場合は C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe)。コマンド ライン引数ボックスに -incognito と入力します。
  3. Chrome 開発者ツールを使用し、「歯車」アイコンをクリックして、「キャッシュを無効にする」をチェックしました。

手動でデバッグを停止し (Chrome を閉じて)、アプリケーションを再起動し (デバッグ中) ない限り、何も機能しないようです。

Chrome で常にすべての CSS 変更を再読み込みし、.css ファイルを再読み込みするように強制する方法はありますか?

更新:
1. .aspx ファイル内のインライン スタイルの変更は、更新時に反映されます。しかし、.css ファイル内の変更は反映されません。2. これは ASP.NET MVC4 アプリなので、ハイパーリンクをクリックすると GET が実行されます。これを実行しても、スタイルシートの新しい要求は表示されません。ただし、F5 をクリックすると、.css ファイルが再読み込みされ、ステータス コード (ネットワーク タブ) は 200 になります。

ベストアンサー1

Chrome で CSS と JS を強制的に再読み込みするには:

Windowsオプション1: CTRL+ SHIFT+ R
Windowsオプション2: SHIFT+F5

OS X: + SHIFT+R

コメントで @PaulSlocum が述べたとおり更新されました (多くの人が確認しました)


元の回答:

Chrome の動作が変更されました。Ctrl+ がRそれを実行します。

OS Xの場合: +R

css/js ファイルの再読み込みに問題がある場合は、再読み込みを行う前にインスペクター ( CTRL+ SHIFT+ ) を開いてください。C

おすすめ記事