問題タブ [html5-appcache]

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 投票する
2 に答える
7200 参照

html - アプリケーションキャッシュエラーイベント:リソースのフェッチに失敗しました(-1)

mp4ビデオファイル(かなり小さい〜2.5MB)をローカルアプリのキャッシュに保存しようとしています。

マニフェストは次のようになります。

Chrome(22.0.1229.94 m)は、コンソールに以下を記録します。

エラーのすぐ横にあるリンクをクリックすると、ファイルが正常に開かれます。

マニフェストは正しいMIMEタイプ(HTML5ボイラープレートファイルを使用しています.htaccess)で提供され、ビデオは提供されますContent-Type:video/mp4

ファイルが大きすぎませんか?この方法で1MBの画像を完全にキャッシュできるので、ファイルサイズは問題にならないはずだと思いましたか?デスクトップとiPadのSafariは、ビデオを適切にキャッシュします。

備考:私はこの質問を見ましたが、解決策はPythonに関連しているように見えたので、私の問題はカバーしていません。

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

html - 機密データベース テーブルを appcache に保持しても安全ですか

Web アプリケーションを作成します。ユーザーがオフラインモードでログインできるようにしたいので。オフライン アクセス用にブラウザーの Appcache に機密テーブルを保持しても安全ですか?

0 投票する
0 に答える
659 参照

ruby-on-rails-3 - 基本認証を使用したHTML5オフラインアプリケーション

HTML5AppcacheとRack::Offlineを使用してRails3プロジェクトをオフラインで動作させようとしています。マニフェストファイルを最新の状態に保つために、ダイジェスト(application-dfla33q23jad.js)の追加の贅沢を提供するRails 3AssetPipelineを使用しています。理論的には、アセットが変更されるたびに、マニフェストも変更され、アセットの新しいダイジェストバージョンが含まれます。

(application.manifest)

新しいマニフェストはブラウザによって検出され、新しいアセットはバックグラウンドでキャッシュされますが、更新されたアセットを反映するようにhtmlは更新されません。マスターエントリを除いて、すべてのアセットがキャッシュされるのとほぼ同じです。以下では、jsリンクとcssリンクに新しいバージョンと同じダイジェストがなく、更新時に404(見つかりません)が発生することに注意してください。

(index.html)

これを修正するための最初の考えは、htmlをマニフェストに明示的に追加して、htmlが残りのアセットで更新されるようにすることでした。

これは機能したと思いますが、index.htmlは基本認証を使用して保護されているため、appcacheを更新しようとすると401(無許可)エラーがスローされます。それは私の質問に私を導きます:

  1. 明示的なエントリが更新されるたびに、appcacheはマスターエントリ(index.html)を更新するべきではありませんか?
  2. appcacheは、基本認証を使用して保護されているエントリを含める方法を提供しますか?
  3. appcacheリクエストは、最初にページを表示するためにユーザーが入力したのと同じクレデンシャルを使用するべきではありませんか?
0 投票する
1 に答える
573 参照

html - HTML5 appcache は、expires ヘッダーまたは localstorage を使用するよりも優れていますか?

次のシナリオを検討してください。

  • サイト/アプリはオンラインでのみ使用されます - アクティブなインターネット接続が必要です。
  • すべてのファイルに適切な有効期限ヘッダー設定があります。
  • ファイルの強制的な更新は、myFile.css?v=2 や location.reload(true); などで処理できます。

HTML5 の appcache (マニフェスト) を使用すると、実際にサイト/アプリの読み込みが速くなりますか? なぜ?私は周りを見回しましたが、この質問に対する一貫した答えはないようです。

HTML5Rocks は appcache の使用を推奨していますが、主にキャッシュのリロード管理によるものだと思います。

フォローアップの質問: localstorage にファイルをキャッシュするのはどうですか? 他の2つと比較してどこに立っていますか?

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

android - Android / Chrome での PDF の表示

.manifest-file を使用して PDF をオフラインでキャッシュする Web サイトがあります。Chrome のデスクトップ バージョンでは、PDF を Chrome 内でオフラインで表示できます。しかし、Android Chrome では、キャッシュされた PDF を開こうとしても何も起こりません。エラーメッセージはありません。何もありません。

Androidのデフォルトのpdfリーダーがキャッシュされたpdfを見つけられないと思いますか?Android Chrome で PDF を表示する方法を知っている人はいますか?

ありがとう!

0 投票する
0 に答える
498 参照

html - HTML5 / JQuery モバイル アプリ - AppCache / 望ましくないキャッシュ

JQuery Mobile アプリを開発しました。私は appcache を使用して、メインページ、画像、および JQM インクルードのみをロードしています。appcache ファイルの NETWORK セクションに * があります。今日まで、開発を通じてうまく機能しています。appcache ファイルにリストされているリソースを変更せずに、更新をプッシュし、いくつかのページでいくつかのスタイルと属性を変更しました。私のappcacheファイルに「触れて」、携帯電話のホーム画面にあるアイコンからアプリを開きました。完全...

スタイルと属性の変更を他のいくつかのページに展開し、もう一度 appcache ファイルに「タッチ」して、プッシュしました。ホーム画面のアイコンからもう一度開いた後、変更されたページが表示されません。

携帯電話の Safari でサイトを開きましたが、ページは最新です。

更新されたページを appcache ファイルの NETWORK セクションに含めることさえしましたが、アイコンから開いたときに読み込まれる Web アプリのクロムレス バージョンに変更はありません。

助言がありますか?

ありがとう、

スティーブ

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

ruby-on-rails - マニフェストで定義されていない HTML5 キャッシュ マニフェスト キャッシュ リクエスト

特定のリクエストをキャッシュする必要があるアプリケーションに取り組んでいます

だから私はHTML5キャッシュで苦労していました

ここに私のマニフェストファイル

今、私は/projects_showこのようなコンテンツをページに持っています

ここでの考え方は、ユーザーがオンラインの場合はjsonサーバーから応答を取得し、そうでない場合はサーバーからデータを取得することです。localStorage

残念ながら、理由があるため、上記のコードは機能しません

a)キャッシュマニフェストファイルもajaxリクエストをキャッシュしています

これで、HTML キャッシュ マニフェストに要求をキャッシュするようにjson依頼していないことがわかります

すなわち/projects/2.json

なぜそうなのか誰か教えてくれませんか

リクエストが/projects/2.jsonGETに変更された場合、上記のコードは正常に機能しますPOSTa POST request toinstead of GET

しかし、それは私がどんな提案でも探しているものではありません

参考までに、マニフェストはマニフェスト ファイルに正しく従い/projectsます。manifest

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

local-storage - 画像サイズストレージのHTML5オフライン制限

私は現在、ユーザーに情報へのオフラインアクセスを提供することを目的として、HTML5でアプリケーションを開発しています。このために、テクノロジーマニフェストappcache(ファイル)とlocalStorage(データ)を使用して、PHP+MySQLでアプリケーションとのデータ同期を実行します

私のシナリオでは、画像のリストを持つレジスターがあり、オフラインモードで表示する必要のある画像のリストを使用してmanifest.appcacheを(PHP経由で)生成するルーチンを作成しました。
問題はこれです:これらの画像のサイズの合計は60MBから通過します。
Chrome(デスクトップ)経由で、このオフラインアプリケーションは完全に実行されますが、Firefox経由では、AndroidおよびiPhoneスマートフォンは、デバイス/ブラウザーがキャッシュマニフェストに対して持っているスペース制限によって機能しません。

主な質問は次のとおり
です。これらのニーズに対応するHTML5ソリューションを開発する可能性はありますか?AndroidとiPhone向けの特定のアプリケーションを開発する可能性があるのではないかと思いましたが、目標はプラットフォームに依存しないソリューションを提供することでした。


更新:
私のスマートフォンでは、Cyanogemmod7.1を使用したDefyMB525が機能しません(Firefoxおよびデフォルトのブラウザー)。
しかし、Android4.0を使用している友人のGalaxyS3では、完全に機能します(デフォルトのブラウザーとChrome)。

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

wordpress - キャッシュマニフェスト-編集されたページが更新されない

appcacheの使用に問題があります。

私はそれを機能させていますが、それはあまりにもうまく機能しています。私はワードプレスでそれを使用していますが、問題はブラウザがキャッシュされたページを提供していることです。ページを更新/編集してブラウザで表示すると、新しく更新されたページではなく、キャッシュされたページが表示されます(番号なし)ページを更新すると役立つことがあります)。

オンライン時にブラウザにキャッシュされていないページを使用させる方法はありますか?

私のキャッシュマニフェストファイルは次のとおりです。

必要なのは、編集したときのページが更新されることだけです。javascriptを使用してマニフェストを強制的にリロードする方法、またはユーザーがサイトにアクセスするたびにマニフェストを新たにロードする方法はありますか?おそらく、5分ごとに期限が切れる時間を追加するのでしょうか。-マニフェストは同じままなので、更新されず、キャッシュされたページが表示されます。

どんな助けでも素晴らしくてありがたいです、そして私が何かについてはっきりしないか、より多くの情報が助けになるならば、私に知らせてください。

よろしくお願いします。

アリ。

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

google-chrome - Google Chrome iPad アプリで appcache をクリアするにはどうすればよいですか?

Chrome for iPad アプリを使用して iPad でデバッグしようとしている小さな HTML5 ベースの Web アプリを作成しました。

ほとんどの静的リソースのキャッシュが重いファイルをアプリに追加しましたcache.manifestが、アプリをデバッグしたいので、このキャッシュをクリアする方法が必要です。

Chrome for Mac で使用できることは知っていますがchrome://appcache-internals/、このページは Chrome の iPad アプリには存在しません。

通常の "Clear Browsing Data" は appcache を空にしません —<em>少なくとも私の場合はそうではありません。

Chrome iPadアプリのアプリキャッシュをクリアする方法を知っている人はいますか?