[解決済み] Visual Studioでデバッグ中にChromeブラウザに.cssファイルを強制的に再読み込みさせる方法は?
質問
現在、Visual Studio 2012の中で.cssファイルを編集しています(デバッグモードで)。ブラウザはChromeを使用しています。Visual Studio 内のアプリケーションの .css ファイルに変更を加えて保存すると、ページをリフレッシュしても .css ファイルの更新された変更が読み込まれません。私は.cssファイルがまだキャッシュされていると思います。
試してみました。
- CTRL / F5
- Visual Studio 2012の場合。 プロジェクトのプロパティのWebタブを開きます。 アクションの開始]セクションで[外部プログラムの開始]を選択します。 Google Chromeのパスを貼り付けるかブラウズしてください(私のはC:³³です)。 コマンドライン引数ボックスに -incognito と入力します。
- Chromeのデベロッパーツールを使用し、歯車のアイコンをクリックし、キャッシュを無効にするをチェックします。
手動でデバッグを停止し(Chromeを終了)、アプリケーションを再起動(デバッグ中)しないと、何も動かないようです。
Chromeが常にすべてのCSSの変更を再読み込みし、.cssファイルを再読み込みするように強制する方法はありますか?
更新しました。
1. .aspxファイル内のインラインスタイルの変更は、更新したときにピックアップされます。しかし、.cssファイルでの変更はそうではありません。
2. ASP.NET MVC4アプリなので、ハイパーリンクをクリックすると、GETされます。その際、スタイルシートに対する新しいリクエストは表示されません。しかし、F5をクリックすると、.cssファイルが再ロードされ、(ネットワークタブの)ステータスコードは200になります。
どうすればいいですか?
もっと複雑な解決策もありますが、とても簡単でシンプルな方法は、CSSのincludeにランダムなクエリ文字列を追加することです。
例えば
src="/css/styles.css?v={random number/string}"
phpや他のサーバーサイドの言語を使っている場合は、これを自動的に
time()
. つまり、次のようになります。
styles.css?v=<?=time();?>
この方法では、クエリ文字列は毎回新しいものになります。もっとダイナミックで複雑なソリューションもありますが、テスト目的ではこの方法が一番です(IMO)。
関連
-
[CSSチュートリアル】CSSスコープ(スタイル分割)の使い方まとめ
-
[CSSチュートリアル]テーブル table :nth-child()を使って行間の色変更と整列を実現する。
-
[解決済み] Visual Studioのデバッグ/ロードが非常に遅い
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Windows 8でVisual Studioを常にAdministratorとして実行するように強制することはできますか?
-
[解決済み] Visual Studioで、既存のディレクトリツリーをプロジェクトに追加するにはどうすればよいですか?
-
[解決済み] Visual Studioでディレクトリ構造全体を「既存の項目を追加」するにはどうすればよいですか?
-
[解決済み] Visual Studioでコマンドラインパラメータを使ったデバッグを行う
-
[解決済み】Visual Studioでコードを自動フォーマットする方法とは?
-
[解決済み] Visual StudioのリンクをVisual Studioではなく、Webブラウザで開くには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】シングルセレクトの折りたたみメニュー機能を実現するCSS
-
[CSSチュートリアル】CSSアニメーション 途中で止める方法とポーズを維持する方法
-
[CSSチュートリアル】resizeで画像のプレビューを切り替える方法
-
[CSSチュートリアル】CSSを解析して、画像のテーマカラー機能を抽出する(コツ)
-
[CSSチュートリアル】CSSで実現するイメージマッピングメソッド
-
[Div+CSSチュートリアル】divの背景を透明にする設定例
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
[CSSチュートリアル】ピュアCSSで作るスクロールシャドウ効果
-
[CSSチュートリアル】インタビュー必見!聖杯レイアウトとダブルウィングレイアウトの違いとは?
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS