問題タブ [offline-web-app]

HTML5 でアプリケーションを開発しました。オフライン ページにアクセスするためのショートカット/アクセス ポイント URL アイコンを作成する方法を知りたいです。

私は HTML と JavaScript の開発に非常に慣れていません。

私の目標は WebWorks Playbook アプリを開発することですが、これは Offline HTML5 アプリと同じであるため、次のように質問します。

JavaScript を使用して XML ファイルを読み取りたい。オフライン アプリケーションであるため、XML ファイルへのアクセス方法がわかりません。

この XML ファイルにアクセスする方法を教えてください。

では、どうすれば読めるのでしょうか。jQueryを使ってもいいですか?

http://app.bluedot.mobiにHTML5/jqueryモバイルWebアプリがあります。これは、SPOT衛星追跡を介して競合他社を追跡するための長距離レースに使用されます。私がまだ解決していない問題は、データ接続が存在しないときにアプリをロードすると、チェックイベント中にマニフェストをフェッチしようとしているため、ブラウザーが「データ接続なし」アラートポップアップをスローすることです。データ接続が存在する場合でも、アプリの読み込みには非常に長い時間がかかる場合があります。チェックするファイルは約500個あります。（電話から）アプリをロードする最も速い方法は、機内モードにしてブラウザのアラートを閉じることです-それほどエレガントではありません。

むらのある接続でバックカントリーにいる傾向があるユーザーに更新を強制するのではなく、プログラムでapplicationCache.update（）を使用して、ユーザーがプロセスを制御できるようにし、オンラインかオフラインかにかかわらずアプリの読み込みを高速化します。

これは現在、HTML5仕様とそれぞれのブラウザ実装で可能ですか？

HTML5 と SenchaTouch を使用して iPad 用の Web アプリを作成しています。アプリはキャッシュ マニフェストを使用してオフラインで機能します。ホーム画面に追加され、Safari なしで開かれると、ホーム画面に移動して戻るだけであっても、開くたびに更新されます。望ましい動作は、アプリを離れて別のことをしてから、何も変更せずにアプリに戻ることです。

同じ (望ましくない) 動作を示す同様のアプリの例は、http: //ignitedmediadesign.com/WebApp/index.htmlにあります。

キャッシュ マニフェストを使用すると、iPhone でこの問題が解決するはずであると読みました ( http://www.stevesouders.com/blog/2011/06/28/lack-of-caching-for-iphone-home-screen-apps / )、しかし、iPhone または iPad のいずれかのトリックを行っていないようです.

これを修正する別の方法はありますか？私が見逃したかもしれないこれを止めるマニフェストファイルをキャッシュするための秘密はありますか?

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

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

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

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

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

会社の Web アプリをオフラインで利用できるようにする任務を負っています。実際の開発フェーズに移る前に、現在の戦略が破綻しないことを確認したいと思います。

最初にhtml5アプリキャッシュの使用を考えましたが、いくつかのテストを行った後、サーバー側の操作ではなく、レンダリングされる実際のhtmlをキャッシュしているように見えることがわかりました(間違っている場合は修正してください)。レンダリングされた html は現在ログインしているユーザーに依存するため、これは機能しません。私のテストでは、最後にログイン (オンライン) した人がログインしているかのように常に html をレンダリングしました。

私の現在の戦略は次のとおりです。オフラインで使用する必要がある各 aspx ページに対応するために、ログイン ページとオフライン (.html) ページのみをキャッシュします。ログイン (オンライン) が成功するたびに、Web SQL データベースまたは IndexDB (ブラウザーによって異なります) が作成または更新され、そのユーザーがオフラインで操作するために必要なすべてのデータ (ログイン資格情報に使用されるテーブルを含む) が作成または更新されます。このように、オフラインでログインするための唯一の要件は、ログイン資格情報で少なくとも 1 回ログインすることです。

私の懸念は、私がそれを過度に複雑にしていることです。これを機能させるには、現在のページ (多数のページ) ごとに html ページを作成する必要があり、検証、データベース呼び出し、コントロールの入力など、現在サーバーで行われているすべてを JavaScript で書き直す必要があります。ドロップダウン リストやデータ グリッドなど。また、将来変更するものはすべて、後でオフラインで変更する必要があります。

私がやろうとしていることについて、私が見落としている確立されたベスト プラクティスはありますか?

マニフェスト ファイルがどのように機能するかを理解し、Chrome の開発者コンソールの [ネットワーク] タブから必要なすべてのリソースを取得しています。サーバーの電源を切ってウェブページをオフラインで実行すると、機能します。しかし、最初の更新後、ページにエラー HTTP エラー 404 が表示されます。要求されたリソースが見つかりません。どのファイルが欠落しているかを確認しましたが、それは web ページであった text/html であり、ヘッダーを確認すると

アップデート

そのため、ページを更新すると、appcache にあったものはすべて消えてしまったようです。それは Cache-Control:max-age=0 と関係がありますか?オンラインでいくつかのものを読んだところ、no-cache に似ていると言われています。あれは正しいですか？

ページをオフラインで開始しようとすると、キャッシュが古いと表示されるようです

マニフェストに含まれるファイルが大きすぎるか累積的に大きすぎる場合、またはネットワークに問題がある場合、キャッシュは失敗します。コードが引き続き機能するために確実に使用できるフォールバック方法はありますか?

たとえば、ファイルをロードしてローカル データベース (indexedDB または websql) に配置する JavaScript をページに含めることはできますか? それとも、ページ自体はまだキャッシュされませんか? どんな失敗も壊滅的なようです。

すべてのファイルを正しくキャッシュしているとしてリモート chrome デバッグ コンソールに表示されるオフライン Web アプリを作成しました。これは正しくオフライン対応であることを示しています。マニフェストにリストされているビデオは、キャッシュにダウンロードされたものとして表示されますが、機内モードをオンにして再生しようとすると、空のビデオが表示されます。

動画をオフラインで再生するにはどうすればよいですか?

キャッシュ マニフェスト

マニフェストへの HTML リンク

これを行う方法はありますか？

レイアウトでテキストと画像の両方をズームする方法を探していました。いくつかの質問によると、Web ビューはそれを行う簡単な方法です。しばらくして、webview の次のコードを見つけました。

file:///代わりに使用しようとしたhttp:// ので、このパスを使用しました：

それは私にとってはうまくいっているようですが、いくつかの深刻な問題があります。

ここに私の問題があります:

1. 私が使用しているこのパスは、他のすべての Android デバイスで機能しますか?
2. 私が使用しているそのパスへの最初の実行のためにhtmlファイルを抽出する方法がわかりません。
3. とにかくアセットからファイルをロードする方法はありますか?
4. 最初の実行時の抽出ファイルのソース コードは何ですか?
5. html の代わりに pdf や doc などの他の形式を使用できますか? ソースコードで何を変更すればよいですか?

私を助けてくれてありがとう。この考えをあきらめるべきか、それとも続けるべきか?