4

解決済み 知らなかったが、Cloudflare はデフォルトですべての css/js ファイルを 4 時間キャッシュする。

シナリオ：

これをフロントページに追加します：

<span class="test">hullo!</span>

これを css ファイルに追加します。

.test { font-size:2.0em; }

Web デプロイ、または Azure への完全な発行を行うと、スパンはフロント ページに表示されますが、スタイリングは表示されません。何らかの理由で css ファイルが更新されません。FF、IE、Chrome、Safari はすべてそれを確認しています。ただし、一見任意の時間が経過すると、css ファイルが更新されます。

Azure VM にリモートで接続してアプリを再起動しても、スタイルは変わりません。アプリは 1 つのインスタンス、1 つのロールで実行されます。Azure キャッシュは設定されていません。css ファイル リンクにクエリ文字列パラメーターを追加しても役に立ちません。キャッシュの問題のようですが、解決方法の手がかりはありません。

何か案は？

4

4 に答える 4

4

「私たちは、すべての CSS および JS ファイルをキャッシュするようにデフォルト設定された Cloudflare を使用しています。それは 4 時間ごとにキャッシュを消去するため、任意の更新が行われました。そのため、css の最後に新しいクエリ文字列を追加していたにもかかわらず、ファイル、Cloudflare はまだ古いファイルをキャッシュしています」

サイトの静的コンテンツ ファイルに変更を加える場合は、CloudFlare 開発モードに移動する必要があることに注意してください。設定->開発モードに移動して、開発モードにアクセスしてキャッシュをバイパスできます。追加のオプションとしてキャッシュをパージするオプションもあります。これは、本当にすべてをパージしたい場合にのみお勧めします。

于 2012-04-03T18:17:35.323 に答える
2

ブラウザにキャッシュされているようです。サイトに移動して Ctrl+F5 を押してみてください。

Fiddler を使用して、CSS がキャッシュされているか、更新されていないか、またはダウンロード時に何らかのエラーが発生したかどうかを確認できます。

于 2012-03-30T00:25:37.203 に答える
1

この問題は解決されました。

すべての CSS および JS ファイルをキャッシュするようにデフォルト設定されている Cloudflare を使用しています。4 時間ごとにキャッシュをパージするため、任意の更新が行われます。そのため、css ファイルの末尾に新しいクエリ文字列を追加していたにもかかわらず、Cloudflare は古いクエリ文字列をキャッシュしていました。

于 2012-03-30T20:59:47.423 に答える
0

私はこれに対処しましたが、Chrome での私の経験から、開発者ツールでキャッシュを無効にする設定を設定できることをお伝えしますが、Ctrl+ キーを押したときに開発ツール ウィンドウを開いていない限り、 F5 キャッシュをリロードしません。IE では、開発ツールにグローバル設定があり、毎回すべてを再ダウンロードします。Firefox には、キャッシュを使用せずにダウンロードする必要がある開発ツールの設定もあります。

これをテストする 1 つの方法 (および私がこれをテストする方法) は、Fiddler を実行して、すべてのファイルが完全にダウンロードされるか、またはキャッシュされているかを確認することです。

私が経験したことから、これは本当にブラウザーのキャッシュの問題であり、Azure とは何の関係もないということです。

于 2012-03-30T17:33:21.750 に答える