問題タブ [offline-browsing]

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 に答える
2471 参照

html - HTML5オフラインキャッシュをオフにする方法

私はしばらくの間自分のWebサイトでHTML5オフラインキャッシュを使用してきましたが、何らかの理由でそれをオフにすることを検討しています。驚いたことに、それは機能しません。

これが私がHTML5オフラインキャッシングを実装した方法です。

私のindex.html中で私はマニフェストファイルへのパスを与えます

app.manifestファイルに、オフラインで使用するためにブラウザーでキャッシュしたいすべてのjs / css/pngファイルをリストします。更新をデプロイするたびに、app.manifestファイルを更新します。これにより、ブラウザーはマニフェストファイルにリストされているすべてのファイルの最新バージョンをフェッチします。

オフラインキャッシュをオフにするために、index.htmlの開始タグを次のように変更しました。

app.manifestファイルにダミーの変更を加えたので、ブラウザー(既に私のWebサイトをキャッシュしている)が変更を検出し、すべてのファイル(index.htmlを含む)の最新バージョンをダウンロードします。

私が気付いたのは、ブラウザは実際にすべてのファイルの最新バージョンを取得しているということです。マニフェスト宣言のない更新されたバージョンに新しい<html>タグが表示されますが、将来の変更に対するブラウザーの動作は変更されません。つまり、サーバーで変更されたときに、ブラウザがindex.htmlファイルの新しいバージョンをすぐにフェッチすることを期待しています。しかし、それは起こりません。マニフェストファイルに変更を加えるまで、ブラウザは更新されたindex.htmlをダウンロードしません。

したがって、ブラウザはapp.manifestファイルを私のWebサイトのURLに永続的に関連付けており、<html>タグに記載していなくても削除されないように見えます。

私はこれをGoogleChromeとFirefoxの両方でテストしましたが、同じ結果です。Chromeも再起動してみましたが、私のサイトでapp.manifestが定義されていることを忘れないでください。Webでのオフラインキャッシングのこの側面に関する議論は見つかりませんでした。

更新:すべてのブラウジングデータをクリアすることで(設定に移動して)、Chromeの動作を取り除くことができました。しかし、それは私がユーザーに指示できることではありません。

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

ruby-on-rails - Ruby on Railsアプリケーションとオンライン/オフライン同期を行う方法は?

Railsプロジェクトとオフライン同期を行う方法はありますか?

つまり、クライアントは自分のサイトを使用してフォトギャラリーを表示していますが、アクティブなインターネット接続がなくても表示できる必要があります。いつでもオンラインに戻って、新しいデータをダウンロードして、ギャラリーを表示し続けることができますか?

ありがとう!

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

javascript - オフラインで利用可能な Web アプリからオンライン リソースにアクセスする方法は?

キャッシュ マニフェストなどを使用して、オフラインで使用できる Web アプリを作成しました。かなりうまく機能しますが、キャッシュ マニフェストに記載されていない写真にアクセスしたいのですが、オンラインのときに表示されません。

さらに、アプリがオフラインのときに代わりにデフォルトの画像をロードする簡単な方法はありますか?

前もって感謝します!

編集: これらの画像のパスは、別の Web サービスから動的に読み込まれ、ローカル ストレージに保存されます。

再編集:

OK私は解決策を見つけました:

次の行をキャッシュ マニフェストに追加するだけです。

通信網:

*

これにより、Web アプリは、マニフェスト ファイルの CACHE: セクションにないすべての要素にアクセスできるようになります。実際には NETWORK: セクションがないとアクセスがブロックされます。

ソース: http://ajax.sys-con.com/node/1643966/mobile

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

html - オフラインアプリのユーザー認証

asp.net mvc 2 を使用して作成された単純な jQuery Mobile サイトがあり、基本的なフォーム認証を使用してサイトへのアクセスを許可しています。

このアプリケーションは、地域マネージャーが地域チームに割り当てられた現在の問題に関する詳細を表示できるようにする単純な作業日誌です。

モバイル接続が利用可能な場合、アプリは非常にうまく機能しますが、信号が不足しているため、アプリケーションのコアをオフラインで利用できるようにする可能性を調査する必要があります. HTML 5 を使用してアプリをオフラインにする可能性を調査していますが、ユーザーの認証に関する情報が見つかりません。

このアプリは非常に基本的なもので、基本的に、ジョブの詳細にドリルダウンする 2 つの異なるリスト画面があります。

接続が利用できないときに日記を閲覧できるオフライン バージョンのデータを作成するのは簡単だと思いますが、許可されたページに到達する前に認証が必要なサイトに関する情報を見つけることができません。オフラインにする。

コンテンツは機密データではありませんが、クライアントは明らかに、公開されている Web サイトで作業日誌を閲覧できることを望んでいません。

オフラインで使用される可能性があるサイトでユーザーを認証するための推奨される方法は何ですか?

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

html - HTML5 オフラインでの奇妙な動作

私が取り組んでいる Web アプリに問題があり、ここに質問を投稿しましたが、これは少しあいまいで、おそらくあまり役​​に立ちません。私は非常に基本的なサイトを作成し、それをメインのアプリのように構築して、どこが壊れているかを確認することにしました。私はこれを行ったが、すぐにオフライン キャッシュに行き詰まりました。

これは、IIS 7.5 でローカルにホストされている基本的な 3 ページの静的 Web サイトです。フォルダー c:\inetpub\wwwroot\ManifestTesting を作成し、それを Web アプリケーションとして IIS に追加し、.appcache 拡張子に text/cache-manifest の新しい MIME タイプを追加しました。これにはオフラインモード機能があるため、テストには FireFox 9.0 も使用しています。

3 つの HTML ページを作成し、それらを ManifestTesting フォルダーに追加しました。

  • index.htm - このページには、page1.htm と page2.htm への 2 つのリンクが含まれています。
  • page1.htm - ページ 1 というヘッダーのみが含まれています
  • page2.htm - ページ 2 というヘッダーのみが含まれています

したがって、http://localhost/manifesttestingを参照すると、インデックス ページが取得され、2 つのページに移動できます。

次に、manifest.appcache というファイルを作成し、ManifestTesting フォルダーに追加しました。

index.htm にマニフェスト ファイルへの参照を追加しました。

したがって、すべての履歴を消去して index.htm を参照すると、FireFox は Web サイトがオフラインで使用するためにデータを保存することを許可するかどうかを尋ねてきます。[許可] をクリックし、ブラウザをオフライン モードに切り替えてから、page1.htm に移動しようとしましたが、問題なく動作しました。これまでのところ、すべてが順調です。

今、私が理解していないビットのために。次に、ManifestTesting フォルダーに「pages」という新しいフォルダーを作成し、page1 と page2 をそこに移動しました。新しい場所を参照するようにインデックス内のリンクを更新しました。マニフェスト参照なしで Web サイトを参照すると、以前と同じようにすべて正常に動作します。次に、インデックス内のマニフェスト ファイルを再参照し、マニフェストを次のように更新します。

次に、履歴を消去して更新すると、Firefox は Web サイトがオフライン データを保存できるようにするよう求め、オフライン モードを有効にしてから、ページ 1 に移動しようとしますが、うまくいきません。FireFox は、オフライン モードであり、Web を閲覧できないと言っています。

私は何を間違っていますか?

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

html - HTML 5 オフライン ストレージ キャッシュ マニフェストがモバイルで機能しない

モバイル用の Web アプリを作成しました。オフラインでも使用できるようにしたいと考えています。デスクトップブラウザでは正常に動作しますが、モバイルブラウザでは動作しないマニフェストファイルを使用しています。何が問題ですか?前もって感謝します...

0 投票する
3 に答える
2309 参照

javascript - Javascript 読み取りテキスト ファイル オフライン

現在、このコードを使用して、単語を含む txt ファイルを読み取り、いくつかの操作を実行しています。ただし、この特定のコードでは、html をサーバーにデプロイする必要があります。サーバーを必要とせずにファイルを読み取るために、このコードを別のものに置き換えることができる回避策はありますか?

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

html - HTML5 オフライン データ ストレージ

HTML5 オフライン ストレージを使用しています

私の Index.html ページ

offline-cache.manifest ファイル

私のhtaccess

インターネットで初めてページをロードし、インターネットを無効にしてこのindex.htmlにアクセスしようとした後、キャッシュは正常に機能しますが、f5を押すと画像が表示されず(代替テキストのみが表示されます)、クリックするとURLバーとEnterキーを押すと(新しいリクエストのように)正常に機能しています...ページの更新(f5)のためにキャッシュを維持する方法はありますか?

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

jquery - HTML 5オフラインキャッシュ後にjqueryとdojoがロードされない

そのhtmlサイトのhtmlサイトヘッドセクションがあります

マニフェスト ファイル

各 dojo ファイルをマニフェストに追加する必要がありますか、それとも単純に index.html がかかりますか? 現在、ブラウザでローカル ストレージを許可した後、「dojo is not defined」と「$(document).ready」というエラーが表示されます。