問題タブ [progressive-web-apps]
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.
service-worker - sw-toolbox の cacheFirst ハンドラと最速のハンドラの長所と短所は何ですか?
sw-toolbox API のドキュメントと、この件に関する他の記事を読みました。
toolbox.fastestを使用すると、ネットワーク リクエストが戻ってきたときにキャッシュが更新されるため、キャッシュをそれほど管理する必要がないという印象を受けます。ただし、固有のネットワーク リクエストがボトルネックになるのではないかと懸念しています。そうですか？
これら 2 つのハンドラーを評価する際に考慮すべきことは他にありますか?
service-worker - サービスワーカーを介して動的 URL の依存関係を解決するには?
Sw-precache私はとライブラリに精通していますがSw-toolbox、Angular を使用してプログレッシブ Web アプリを構築する際に動的依存関係に対応する方法についてはまだ頭を悩ませています。
Sw-precache ビルド プロセスを使用して、アプリケーション用に bundle.js、bundle.css、およびいくつかの静的テンプレートを事前にキャッシュしました。(すべてのテンプレート (.html ファイル) が bundle.js と bundle.css に依存していると仮定します)
事前にキャッシュされていないテンプレートを更新するとどうなりますか? テンプレートと合わせて bundle.js/css を確実に更新するにはどうすればよいですか。
既にキャッシュされているテンプレートを更新するとどうなりますか。事前にキャッシュされた bundle.js/css ファイルと連動して常に更新されますか。
最後の使用例は、テンプレートが既に事前にキャッシュされているが、src 属性を持つインライン スクリプトがあり、このスクリプト ファイルがどこにもキャッシュされていない場合です。テンプレートとスクリプト ファイルに変更を加えたとします。スクリプト ファイルと組み合わせてテンプレート ファイルを確実に更新するには、どのキャッシュ アプローチに従う必要がありますか。
純粋な App-shell アーキテクチャに従っているわけではありません。Angular.js を使用して設計されたシングル ページ アプリケーションのようなものです。
javascript - Service Worker が正常にインストールされたときに UI を更新する
Service Worker はワーカー コンテキストで実行され、DOM にアクセスできないようです。ただし、Service Worker をインストールしたら、アプリがオフラインで動作することをユーザーに知らせたいと思います。どうやってやるの？
polymer - ポリマーサーブとサービスワーカー
Polymer アプリケーションのデバッグを開始しようとしています。と思うものをコピーして手作りしましたPolymerCLI Polymer init。
何が Service Worker をロードしているのかわかりません。開発用のデフォルトのものは、開発console.info()用に無効になっているという呼び出しを行うだけです。
localhost: 8080 でアプリケーションを提供するために使用Polymer serveすると、実際にファイルをロードする場所がないにもかかわらず、console.info メッセージが表示されますservice-worker.js。アプリケーションははるかに複雑であるため (そして http/2 を使用しようとしています)、独自のノードベースのサーバーも持っています。それを実行してブラウザでアプリケーションを取得すると、service-worker.js が読み込まれて実行されません。
それを可能にするために何をPolymer serveしていますか？