問題タブ [application-cache]

Wordpress用のアプリケーションキャッシュプラグインを書いています。プラグインから現在のテーマ
の<\html>タグを次のように変更するにはどうすればよいか疑問に思いました。

<\ htmlmanifest = "Site_url（）... / plugin / bla.php？var1 = foo＆var2 = bar">

私はワードプレスの開発サイトでグーグルで検索していましたが、まだ運がありません。

助けてくれてありがとう（：

最高、m

同じコードベースを使用して、使用するドメイン名に応じて異なるサイトを実行するWebサイトが多数あります。また、HTML5アプリケーションキャッシュを使用して、これらのサイトのパフォーマンスを向上させ、Webフォントやその他の大規模なものをキャッシュすることを検討しています。めったに更新されないファイル。

現在、Webサイトの1つがSSLを使用している場合に備えて、HTTPSを使用して完全修飾URLをハードコーディングしています。私たちの「静的」ウェブサイトサーバーはHTTPとHTTPSの両方を処理できるので、これを行う代わりに：

これを実行できるようにしたいと思います。

これを行うことで問題が発生する可能性がありますか？

理想的にはオフラインで動作する写真サイトを構築しています。必要な css/js ファイルのキャッシュは非常に簡単です。問題は、実際の写真をどうするかです。

現在、サムネイル版とフル解像度版の両方を flickr から読み込んでいます。これは私に2つの質問をもたらします:

外部ソースから配信されたファイルをキャッシュすることは可能ですか、それともすべて同じドメインから取得する必要がありますか?

ユーザーが最初にサイトにアクセスしたときに大量のダウンロードが発生するため、すべての画像をアプリ キャッシュにキャッシュするのはおそらく多すぎます。ここでの推奨事項は何ですか? ユーザーがアプリ キャッシュのフル バージョンを明示的に有効にすることは可能ですか?

Chrome では、applicationCache イベントのキャッチは機能しますが (以下を参照)、FireFox 17 では機能しません (情報から、appCache がいっぱいになるのを許可した後、1.7MB あることがわかります)。動作していますが、イベントが発生しません。なんで？(このコードは、ロードされる最初の .JS ファイルにあります)。

ところで、FireBug には、Chrome ツールで持っている appCache や IndexDB に関するきちんとしたリソース タブ情報があればいいのにと思います。

http://www.html5rocks.com/en/tutorials/appcache/beginner/ に、キャッシュの更新を試みることが記載されていますrequires the manifest file to have changed。つまり、サーバー側の人は、キャッシュしたいものを更新するたびに、マニフェストファイルを手動で変更する必要があります。

テストの目的で、サーバー側でマニフェストをクライアント側から編集可能にして、ユーザーがマニフェストを変更できるようにして、ユーザーがキャッシュに保存したいものをすべて保存できるようにする方法はありますか？

HTML5 アプリケーション キャッシュの内容を照会する方法はありますか?

キャッシュされた Web コンテンツを大量に使用する iOS アプリケーションを作成しています。アプリがオフラインのときに特定のページを読み込む前に、ページがキャッシュに存在するかどうかを確認したいと思います。そうでない場合は、そのコンテンツを表示するにはオンラインである必要があることをユーザーに通知します。もしそうなら、先に進んでロードします。

現在、iOS には独自の URL キャッシュ システムがあり、最初は次の方法でキャッシュの内容を確認できると思っていました。

愚かな私。iOS のキャッシュと HTML5 のキャッシュは無関係のようです: -cachedResponseForRequest: URL が HTML5 アプリケーション キャッシュにあることがわかっている場合でも (Safari Web デバッガーを使用して)、要求に対して nil を返します。

では、HTML5 アプリケーション キャッシュの内容をクエリする方法はありますか? Objective-C から関連する JS をいつでも実行できるので、答えが Objective-C コードまたは Javascript を使用するかどうかは問題ではありません。

私は HTML5 オフライン アプリを使用しており、イベント リスナーで処理して一般的なエラー メッセージを表示するキャッシュ エラーがユーザーに発生することがあります。

これらのデバッグを支援するために、失敗した get などのエラーの詳細 (Chrome コンソールに表示される) も表示してログに記録したいと思います。Javascript を介して詳細を取得する方法をまだ見つけていません。これは現在可能ですか？

問題：

ブラウザが「オフラインで作業」に設定されている場合、applicationCache（オフラインキャッシュ）から提供されるフォールバックリソースを取得できません。

環境の詳細：

• Windows764ビットSP1
• IE10ver。10.0.9200.16438
• Firefoxver。18.0.1
• IIS ver 7.5.7600.16385
• .manifestMIMEタイプはtext/cache-manifestです

マニフェストの詳細：

フォールバック：/ AppCacheDemo / Home / CarNew / Sandbox / Car / AppCacheDemo

オフラインモードのトリガー方法：

• IISが停止しました
• [ファイル]メニューの[オフラインで作業]メニュー項目が選択されている

デモアプリケーションの詳細：

添付のデモは3ページで構成されています。

マニフェストファイル属性を持つ唯一のページであるランディングページ（/ AppCacheDemo / Home / Index）。マニフェスト属性を持つ結果として、それは自動的にapplicationCacheに配置されます。

ページのオンラインバージョンと対応するオフラインバージョン、それぞれ/ AppCacheDemo / Home / CarNew、/ AppCacheDemo / Home/CarNewOffline。

期待される機能：

ブラウザは、/ AppCacheDemo / Home / Indexを要求するときにマニフェスト属性の存在を検出し、マニフェストにリストされているすべてのリソースをダウンロードします。

ユーザーが/AppCacheDemo/ Home / Indexに存在するリンクをクリックすると、/ AppCacheDemo / Home/CarNewにリダイレクトされます。

ブラウザがインターネット接続を検出すると、/ AppCacheDemo / Home/CarNewがユーザーに提供されます。インターネット接続が検出されない場合、/ AppCacheDemo / Home / CarNewへの要求が行われると、applicationCacheから/ AppCacheDemo / Home/CarNewOfflineが提供されます。

Firefoxで再現する手順（実際の機能）：

1. FFを開き、キャッシュをクリアします（alt + ctrl + delete）。
2. リクエストについて：キャッシュa。ディスク/オフラインキャッシュにリストされている「エントリ数」が両方ともゼロとしてリストされていることを確認します。
3. 新しいタブを1つ作成し、/ AppCacheDemo / Home/Indexをリクエストします
4. Firefoxがオフラインデータを保存できるようにするには、[許可]ボタンをクリックします。
5. about：cacheに戻り、ページを更新します。a。ディスクキャッシュエントリの数は3としてリストする必要があります（環境によってはさらに多くなる場合があります）。オフラインキャッシュエントリの数は3と表示されている必要があります。
6. [ディスクキャッシュ]セクションの下にある[キャッシュエントリの一覧表示]リンクをクリックして（または新しいタブでリンクを開いて）、/ AppCacheDemo / Home/CarNewを指すエントリがないことを確認します。
7. / AppCacheDemo / Home / Indexが開いているタブに戻り、「新しい車のリンクを作成しましょう」をクリックします。/ AppCacheDemo / Home/CarNewにリダイレクトする必要があります
8. about：cache？device = diskに戻り、/ AppCacheDemo / Home / CarNewに新しいエントリが存在し、そのフェッチカウントが1としてリストされていることに注意してください。
9. IISを停止します
10. ファイルメニューから「オフライン作業」メニュー項目を選択します
11. 現在のページを更新します（/ AppCacheDemo / Home / CarNew）
12. about：cache？device = diskに戻り、/ AppCacheDemo / Home / CarNewに新しいエントリが存在し、そのフェッチカウントが2に表示されていることを確認します。

/ AppCacheDemo / Home / CarNewのabout：cache？device = diskにリストされている情報に基づくと、Firefoxはそのバージョンのページをユーザーに提供しているようです。/ AppCacheDemo / Home / CarNewが要求され、インターネット接続が存在しない場合に/ AppCacheDemo / Home / CarNewOfflineを提供するというフォールバックルールがマニフェストに定義されているため、代わりに/ AppCacheDemo / Home/CarNewOfflineがapplicationCacheから提供されることを期待していました。代わりにapplicationCache。

Firefoxで再現する手順（期待される機能）：

以下の手順を実行する前に、「オフラインで作業」の選択を解除することを忘れないでください。

1. FFを開き、キャッシュをクリアします（alt + ctrl + delete）。
2. リクエストについて：キャッシュa。ディスク/オフラインキャッシュにリストされている「エントリ数」が両方ともゼロとしてリストされていることを確認します。
3. 新しいタブを1つ作成し、/ AppCacheDemo / Home/Indexをリクエストします
4. Firefoxがオフラインデータを保存できるようにするには、[許可]ボタンをクリックします。
5. about：cacheに戻り、ページを更新します。a。ディスクキャッシュエントリの数は3としてリストされている必要があります（環境によってはさらに多くなる場合があります）。a。オフラインキャッシュエントリの数は3と表示されている必要があります。
6. [ディスクキャッシュ]セクションの下にある[キャッシュエントリの一覧表示]リンクをクリックして（または新しいタブでリンクを開いて）、/ AppCacheDemo / Home/CarNewを指すエントリがないことを確認します。
7. IISを停止します
8. ファイルメニューから「オフライン作業」メニュー項目を選択します
9. アドレスバーに/AppCacheDemo/ Home/CarNewと入力します。a。/ AppCacheDemo / Home/CarNewOfflineにリダイレクトする必要があります。アドレスバーのURLは引き続き/AppCacheDemo/ Home / CarNewである必要がありますが、ドキュメントのコンテンツは/ AppCacheDemo / Home/CarNewOfflineである必要があります。
10. 新しいタブで、about：cache？device = diskをリクエストし、/ AppCacheDemo / Home/CarNewに全体が存在しないことを確認します。

/ AppCacheDemo / Home / CarNewがディスクキャッシュに存在しなかったため、FFはマニフェストで定義されたフォールバックルールを尊重し、代わりに/ AppCacheDemo / Home/CarNewOfflineを提供しました。もし私が

IEでのテスト：

about：cacheに移動することを除いて、上記の手順は多かれ少なかれ従うことができます。違いは、IEが「オフラインで作業」に設定されていて/ AppCacheDemo / Home / CarNewのリクエストが行われると、IEは「このページを表示できません」というメッセージのあるページを表示することです。/ AppCacheDemo / Home / CarNewOfflineが直接要求された場合、IEはページを提供します。マニフェストでフォールバックルールが指定されているため、/ AppCacheDemo / Home / CarNewOfflineが提供されることを期待しますが、そうではありません。

Safari / Chromeでのテスト：

Safari / Chromeには「オフラインで作業」メニュー項目がないため、navigator.onLineがfalseとして報告される前に実行する必要のある追加の手順がいくつかあります。ブラウザを完全に切断された状態にするには、CAT 5ケーブルを物理的に取り外し、VPNから切断する必要があります。ただし、フォールバックルールは尊重され、インターネット接続が利用できない/ AppCacheDemo / Home / CarNewの場合、/ AppCacheDemo / Home/CarNewOfflineが提供されます。

AppCacheDemoプロジェクト（IISを使用するように構成されたMicrosoft MVC 4 Webアプリケーション）：

http://www.filedropper.com/appcachedemo

Firefox と IE10 の HTML5 appCache に問題があります。

https://docs.google.com/file/d/0B7CVmRJOMGTNZUxkLWRDNmhtVU0/edit?usp=sharingで入手できる最小限のテスト ケースを作成しました 。

「applicationCache/test.html」のページにアクセスすると、ブラウザーは正しいマニフェストを探し、リスト内のファイルからすべてのコンテンツのダウンロードを開始します。

この問題は、COOKIES を処理する .php ファイルをリストに入れると発生します。たとえば、php 関数「session_start()」を呼び出す .php ファイルを追加しました。Chrome と Safari は、アプリケーション キャッシュのダウンロード中にそのようなファイルを正しく処理できます。Firefox と IE10 は動作を共有しており、停止して一般的なエラーを通知します。

長い検索中に、bugzilla でこのチケットを見つけました: https://bugzilla.mozilla.org/show_bug.cgi?id=722683

エラーが発生することなく、applicationCache ダウンロード イベント中に COOKIES を正しく処理するためのヒントを教えてくれる人はいますか? 私は何か間違ったことをしているのですか、それとも標準に反していますか?

ご協力いただきありがとうございます！

これは論理的にこの質問に続く質問です：

HTML5アプリケーションのキャッシュは適切ですか？

人気のあるサイトが、HTML 5アプリケーションのキャッシュを使用して、設計どおりに静的リソースを保存していないことは明らかです。

<html>タグのマニフェスト属性を確認するだけです。ありません。

さらに詳しく調べると、HTML5localStorageも使用されていません。

テストケースとして私は見ました

• www.google.com
• www.twitter.com
• www.facebook.com

コンソールに移動して入力するだけです

コンソールにキーのリストが表示されます。

これらのサイトのどれも静的データをディスクに保存しませんか？

どうしてこれなの？

変更されていないリソースをネットワークにヒットさせるのは、リソースの浪費のようです。

詳述する。[再読み込み]をクリックすると、ページは静的リソースを再ダウンロードします。Googleを使用すると、URLパスで使用されているstaticという単語を確認することもできます。ただし、この質問では、単語の概念的な意味を使用します。