Visual Studio のデバッグ中に Chrome に CSS ファイルを強制的にリロードするにはどうすればよいですか?

Visual Studio でのデバッグ中に Chrome に .css ファイルを強制的に再ロードする

Chrome を使用して Visual Studio で Web アプリケーションをデバッグするときに、次のような問題が発生する可能性があります。 CSS ファイルの更新がブラウザに反映されない問題。これは、特にデザインを頻繁に変更する場合にイライラする可能性があります。この問題を解決し、デバッグ中に Chrome に .css ファイルを強制的にリロードする方法は次のとおりです。

CTRL SHIFT R / SHIFT F5

すべてをリロードする最も簡単で効果的な方法Chrome で .css ファイルなどのリソースを使用するには、次のキーボード ショートカットを使用します:

• Windows: CTRL SHIFT R
• OS X: SHIFT F5

これらのショートカットはブラウザのキャッシュをバイパスし、Chrome にサーバーからすべてのリソースの新しいコピーを強制的に取得させます。

ネットワーク設定でキャッシュを無効にする

もう 1 つのオプションは、Chrome のネットワーク設定でキャッシュを無効にすることです。これを行うには:

1. Chrome 開発者ツール (CTRL SHIFT C) を開きます。
2. 「ネットワーク」タブをクリックします。
3. 「キャッシュを無効にする」にチェックを入れます。

これにより、.css ファイルのキャッシュを含むすべてのブラウザ キャッシュが無効になります。

注: キャッシュを無効にすると、

デバッグのヒント

• .aspx ファイル内のインライン スタイルの変更は、次の場合に取得されます。更新しています。
• ASP.NET MVC4 アプリケーションは GET リクエストを使用します。これにより、.css ファイルに対する新しいリクエストがトリガーされるとは限りません。
• まだ問題が発生する場合は、Visual でのデバッグを停止してみてください。 Studio、Chrome を閉じ、アプリケーションをデバッグ モードで再起動します。

以上がVisual Studio のデバッグ中に Chrome に CSS ファイルを強制的にリロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。