問題タブ [application-cache]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
876 参照

ios - SVG Fonts and Cache Manifest

"SVG fonts don't work with a cache manifest. Due to the manifest treating # as comments and Mobile Safari requiring the font ID reference in the URL. (via Tristan Dunn)"

http://paulirish.com/2010/font-face-gotchas/

Just to recap, essentially iOS Safari requires an @fontface declaration with a hash after the suffix, like this:

Using, or omitting, the hash suffix in a cache manifest file means the font will not render.

I have everything in place for an offline capable iPad web application, but this glitch is preventing me from completing this part of the project as it relies on the use of svg fonts being stored in the App Cache.

Considering the problem has been known for over a year, is there still no fix for this? I've scoured everywhere and can't find anything. It appears this is a problem that only Apple can sort out, i.e, enable iOS to use WOFF files (which would still mean issues for older iOS versions), or change the way manifest files are handled by Safari to allow the # suffix.

If anyone has any further thoughts/insights I'd be very grateful.

0 投票する
1 に答える
1533 参照

html - html5 appcache: リモートマニフェストファイルは機能しますか?

アプリケーションは物理デバイスにデプロイされているため、開始ページの index.html はデバイスのストレージにあり、このファイルはリモートでホストされている JavaScript ファイルやその他のリソースを参照します。つまり、index.html 自体は Web サーバーでホストされていません。このシナリオで html5 アプリケーション キャッシュを使用することは可能ですか? つまり、html 要素は次のようになります。

これはサポートされていますか? または、Web サーバーが index.html をホストしていない場合に機能させるための回避策はありますか?

ありがとう!

0 投票する
1 に答える
2382 参照

ipad - iPad オフライン アプリの HTML5 アプリケーション キャッシュ - サーバーが利用できない場合は機能しませんか?

フルスクリーンモードで動作することを目的としたiPad用の小さなHTML5 Webアプリケーションを開発しています(つまり、独自のAppleメタタグがあり、ホーム画面に追加されます):

アプリケーションは基本的に AJAX 経由でデータを取得し、ユーザーに表示します。AJAX データは外部 (別のドメイン、別のサーバーから) です。クロスオリジン リクエスト用のシステム セットアップがあり、オンライン モードで動作します。つまり、静的データはサーバーAにあり、動的データはサーバーBにあります。

適切なキャッシュ マニフェスト ファイルを作成し、サイトのすべての静的コンテンツ (HTML、CSS、画像、JS) をリストNETWORK: *し、最後にセクションを配置しました。これにより、すべての動的コンテンツ (AJAX) が常にネットワークから取得されます。リクエストが失敗した場合、偽のコンテンツを表示することにより、アプリケーションは「正常に」失敗します。

上記の設定では、次のことが起こります。

  1. オンライン中にアプリケーションを実行すると、すべてが機能します;)
  2. iPad で WiFi を無効にすると (純粋なオフライン モード)、すべてが期待どおりに機能します - アプリケーションはオフライン コンテンツにフォールバックします
  3. ネットワークに再度接続しても、静的コンテンツ サーバー (すべてがキャッシュされているサーバー) をオフラインにすると、アプリケーションは起動しません。スプラッシュスクリーンでしばらく過ごした後、ポップアップが表示され<app> could not be opened because it could not connect to the server.ます; [閉じる] または [再試行] を選択できます。

上記のポイント 3 は、私がアプリケーション キャッシュをいじり始めた唯一の理由だったので、私を夢中にさせるものです。マニフェスト ファイルにアクセスできない場合、iPad Web アプリがキャッシュされたコンテンツにフォールバックしないのはなぜですか? (404 ではなく、サーバーがオフラインです)

HTML5 iphone offline webappへの回答は完全に間違っていますか? そうでない場合、iPadでこの動作を実現するにはどうすればよいですか?

0 投票する
1 に答える
1922 参照

html - HTML5 オフライン ストレージは、異なる GET パラメータを持つ URL を常に異なるリソースとして扱いますか?

HTML5 オフライン ストレージを使用して、マニフェストで次のようにファイルをキャッシュする場合:

ページに次のようなコードが含まれている場合はどうなりますか?:

render_image.php私の実験では、オフライン ストレージはとは異なるものとして扱われることが示されていrender_image.php?look_ma_get_parameterます。これは私が望む動作なので、それで問題ありません。しかし、これが私が信頼できるものであることを確認したいと思います。私がテストしたブラウザーの動作だけではありません。

この動作に依存できますか? 仕様の一部ですか?

0 投票する
2 に答える
1727 参照

html - 具体的にFirefoxでHTML5アプリケーションキャッシュを無効にする方法

HTML5 アプリケーション キャッシュを使用すると、Firefox はユーザーにデータを保存するように促すため、プロンプト通知を回避するために Firefox でそれを無効にしたいと考えています。

これを行う 1 つの方法は、2 つの異なる HTML ファイルを提供することです。1 つは Firefox<html>用で、もう 1 つは<html manifest=...>.

しかし、効率化のために、1 つの静的ファイルを提供したいと考えています。

<html manifest=...>では、Firefoxでファイルを提供しているときにアプリケーション キャッシュを無効にするにはどうすればよいでしょうか。

0 投票する
2 に答える
4166 参照

html - HTML5 オフライン Appcache アップデートが Firefox に表示されない

docroot に index.php ファイルがあります。次で始まる出力が生成されます。

manifest.appcache は、オフラインで使用するためにブラウザにキャッシュするように指示します。繰り返しますが、関連する部分:

このセットアップではオフライン アクセスは正常に機能していますが、Firefox で期待していたように更新が機能しません。

Chrome と Safari では、index.php ファイルを更新してから cache.manifest ファイルのコメントを変更すると、ブラウザは新しい index.php 出力を取得してキャッシュで使用します。

ただし、Firefox では、manifest.appcache ファイルを更新してもかまわないようです。十分に待てば更新されると思いますが、何時間も待ってみました。

キャッシュの問題を見つけて解決するにはどうすればよいですか?

0 投票する
2 に答える
566 参照

jquery - キャッシュされた iPhone Web アプリケーションで AJAX が機能しない

アプリケーションキャッシュを使用してオフラインの iPhone Web アプリケーションを作成しました。しかし、キャッシュされた JS ファイルで行われた AJAX 呼び出しは機能しなくなりました。それは単なる jQuery GET リクエストです。彼らはうまくいきませんが、なぜですか?

私はインターネットに接続しています。インターネットがある場合はwebappを更新する必要があり、インターネットがない場合はキャッシュからデータを取得します。

+

最低限の ajax でも試してみましたが、うまくいきません...空の応答が返されます。

誰でもこの問題を知っていて、それを解決する方法を知っていますか?

0 投票する
1 に答える
7301 参照

html - Chrome レポート html5 キャッシュ マニフェストの MIME タイプが正しくない

サイトのキャッシュ マニフェストを設定しようとしていますが、うまくいきません。デモページはこちら: http://www.matthewlehner.ca

私が使用している HTML の構造は次のとおりです。

ルート フォルダーの .htaccess には、次のエントリがあります。

「curl -I http://www.matthewlehner.ca/manifest.appcache」からの応答

しかし、OS X 10.6 の Chrome 開発者は次のエラーを報告しています:

明らかにこれは当てはまりませんが、どうすればこれを修正できますか? Chrome、.htaccess、またはホスティングの問題ですか?

0 投票する
1 に答える
637 参照

html - HTML5 アプリケーション キャッシュにキャッシュされたアイテムを更新する (Chrome)

私がプレイしているボード ゲームのユーティリティであるアプリケーション キャッシュの使用に適していると思われるWeb アプリケーションがあります。

アプリケーションキャッシュでチュートリアルを実行しましたが、うまくいきました...少しうまくいきました。

私のアプリのほとんどのスクリプトは、デプロイ プロセスの一部として統合され、最小化されています。ただし、jQuery は唯一の例外です。jQuery については、Google がホストするコピーを使用します。

jQueryがキャッシュされておらず、ページが読み込まれないため、ページがキャッシュされた後、2度目にページを読み込んだときに問題が発生しました。

jQueryが他の最小化されたスクリプトと統合されるように変更しましたが、まだ問題がありました。マニフェストを変更しました。私が知る限り、Chrome は更新されたマニフェストをダウンロードしましたが、更新されたリソースはダウンロードしませんでした。

HTML タグからマニフェスト属性を削除しましたが、それでもページは更新されません。ページを更新するには、マニフェストから /index.html を実際にコメントアウトする必要がありました。

したがって、同じリソースをキャッシュしている限り、マニフェストを更新しても何も起こらないようです。足りないものはありますか?キャッシュされたアイテムが特定の日付よりも古い場合に再度ダウンロードを強制するマニフェスト ファイルはありますか?

編集して追加: Chrome (安定版) でテストを行っています。

0 投票する
2 に答える
4379 参照

html - CDN のアプリ キャッシュ マニフェスト?

HTML5 のアプリ キャッシュ マニフェストの詳細を読んでいます (特に、この優れた記事から)。このアイデアがうまくいくかどうか、私は興味があります:

サブドメイン内の CDN ですべての静的リソース (スクリプト、CSS、フォント、画像) をホストしています (例: cdn.example.com で、アプリは www.example.com にあります)。CDN でもアプリ キャッシュ マニフェストをホストすることは可能ですか? 例えば、

はいの場合、CDN ルートからマニフェスト リストを取得できますか? たとえば、マニフェストでは次のようになります。

誰もこれに関する経験があり、および/または警告を知っていますか?


編集: WHATWG 仕様のワーキング ドラフトには、「オフライン アプリケーション キャッシュ マニフェストは絶対パスまたは絶対 URL を使用できます」と記載されており、画像の CDN URL の例が示されています。