問題タブ [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.

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

google-chrome - Chrome で表示される通知のスタイルを設定することはできますか?

Service Worker 登録で showNotification メソッドを使用して、表示される通知のスタイルを設定することはできますか (テキストの色など)。

Android プラットフォームとデスクトップ プラットフォームの両方に興味があります。

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

push-notification - プログレッシブ Web アプリからのプッシュ通知を無効にしているユーザーの数を測定するにはどうすればよいですか?

プログレッシブ Web アプリで Service Worker と一緒に新しい Web プッシュ API を使用していますが、ユーザーが最初にプッシュ通知許可を有効にした後に無効にすることが心配です。

これを追跡できるように、ユーザーが通知許可を無効にしている (つまり、インストルメンテーション/分析を追加する) ことを検出する最良の方法は何ですか?

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

javascript - データ付きのChromeブラウザプッシュ通知?

以下に示すように、Chrome ブラウザーはデータを含むバルーンをポップアップ表示します。

ここに画像の説明を入力

しかし Mozilla は、PushEvent.dataはまだ実験段階であると述べています。

これは実験的なテクノロジです。このテクノロジの仕様はまだ安定していないため、さまざまなブラウザで使用する適切なプレフィックスについては、互換性テーブルを確認してください。また、実験的なテクノロジの構文と動作は、仕様の変更に伴い、ブラウザの将来のバージョンで変更される可能性があることに注意してください。
注: これは、どのブラウザーでもまだサポートされていません。

Facebookが5 つの通知を検出する方法は? それとも本当にPushEvent.dataに付属していますか

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

javascript - ServiceWorker の更新後にページを更新する方法は?

Service Workers に関する多くのリソースを調べました。

ただし、新しい ServiceWorker がインストールされた後にページを更新する方法を理解することはできません。何をしても、私のページは古いバージョンのままで、ハード リフレッシュ (Cmd-Shift-R) だけが修正されます。1) タブを閉じる、2) Chrome を閉じる、または 3)location.reload(true)を組み合わせても、新しいコンテンツは提供されません。

主にSVGOMGに基づいた非常に単純なサンプルアプリがあります。インストール時に、 を使用して一連のリソースをキャッシュします。また、現在のバージョンのメジャー バージョン番号がアクティブなバージョンの番号と一致しない場合cache.addAll()にも行いますskipWaiting()(IndexedDB ルックアップに基づく)。

私は、メジャー バージョン番号が新しい ServiceWorker を古い ServiceWorker にホットスワップできないことを示す、semver にインスパイアされたシステムを使用しています。これは ServiceWorker 側で機能します。v1.0.0 から v1.0.1 へのバンプでは、ワーカーは更新時にすぐにインストールされますが、v1.0.0 から v2.0.0 では、タブが閉じられて再度開かれるまで待機します。インストールされています。

メインスレッドに戻って、登録後に ServiceWorker を手動で更新しています。そうしないと、ServiceWorker の新しいバージョンが利用可能であるというメモがページに表示されません (奇妙なことに、ServiceWorker の文献のどこにもこれについての言及はほとんどありません)。

ただし、メイン スレッドに提供されるコンテンツは、バージョンを 1.0.1 にインクリメントするか 2.0.0 にインクリメントするかに関係なく、ページの古いバージョン (「私のバージョンは 1.0.0」) で常に停止します。

私はここで困惑しています。私はServiceWorkerのバージョニングに対するエレガントなsemver-yソリューションを見つけたいと思っていました(したがって、私の使用require('./package.json').version)が、現在の実装では、ハードリフレッシュするか手動ですべてをクリアしない限り、ユーザーは永久にページの古いバージョンにとどまります彼らのデータ。:/

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

web-push - Web プッシュ通知を使用して GCM からカスタマイズされたメッセージを取得する

Chrome で Web プッシュ通知を使用していますが、うまく機能しています。しかし今、通知でカスタム メッセージを配信したいと考えています。https://simple-push-demo.appspot.com/で行われているように、Service Worker に自分のサイトを呼び出してコンテンツを取得させることができます。これは、すべての受信者に同じメッセージを表示したい場合に適しています。

受信者registration_idまたはmessage_idGCMが返すものを取得する方法はありますか? これらのいずれかを取得してサービスへのコールバックに含めることができれば、応答をカスタマイズできます。

また、いつ GCM への呼び出しにペイロードを含めることができるかについての情報はありますか?

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

service-worker - Service Worker Cache API と通常のブラウザ キャッシュの使用の違いは何ですか?

私のプログレッシブ Web アプリでは、静的アセットに対して Service Worker で Cache API を使用する必要がありますか?それとも、ブラウザーのネイティブ キャッシュ コントロールに依存する必要がありますか? 違いは何ですか?

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

service-worker - 複数のサブドメインで Service Worker を使用する

Web アプリが複数のサブドメインで構成されている場合、サブドメインごとに 1 つずつ、複数の Service Worker を用意する必要があるということですか? または、複数のサブドメインで動作する Service Worker を 1 つ持つことはできますか?