問題タブ [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 投票する
5 に答える
8689 参照

android - Android のホーム画面に Web アプリが追加されているかどうかを確認する

私は Web アプリを持っており、Android でアプリをホーム画面に追加する方法を説明するアラートを表示したいと考えています。(「ブックマーク」に追加してから、「ホーム画面に追加」または「ホームのショートカットに追加」)。次に、アプリを開く画面にアイコンが表示されます。

もちろん、アプリがホーム画面に追加されていない場合にのみ、これを表示したい.

誰もこれを行う方法を知っていますか? ご意見ありがとうございます。

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

progressive-web-apps - ページ内から ServiceWorker のメソッドを呼び出すにはどうすればよいですか?

ページに ServiceWorker を登録していて、そこにデータを渡して、IndexedDB に保存し、後でネットワーク リクエストに使用できるようにしたいと考えています (これはアクセス トークンです)。

ネットワーク リクエストを使用し、フェッチを使用して SW 側でそれらをキャッチするのが正しいことですか、それとももっと賢い方法がありますか?

私と同様のことを疑問に思っている将来の読者への注意:

SW 登録オブジェクトのプロパティを設定します。たとえば、self.registration.foo を Service Worker 内の関数に設定し、ページで次の操作を行います。

結果はTypeError: reg.foo is not a function. これはServiceWorkerのライフサイクルと関係があると思います。つまり、それを変更することはできず、将来的にそれらの変更にアクセスできると予想されるため、SWとのインターフェースはすべてpostMessageスタイルでなければならない可能性が高いため、おそらくフェッチを使用するだけです一番いい方法は…?

0 投票する
6 に答える
32190 参照

ios - Service worker と iOS / Safari

Service Worker に関する Chromium のページには、

サービス ワーカーは、iOS 上の Chrome ではサポートされていません。

いくつかの cordova プラグインを使用して iOS に配信できると想定しています。iOS デバイスで Service Worker を使用する他の方法はありますか?
iOS の新バージョンの出荷と cordova の新バージョンの出荷までの時間が心配です。

iOS 上の Chrome が将来 Service Worker をサポートするかどうか知っている人はいますか? :)

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

progressive-web-apps - Chrome ServiceWorker の投稿メッセージ

postMessageWeb アプリケーションと対応する Service Worker の間で試行します。Service Worker は正常に登録され、これまでのところ機能しています。残念ながら、私はいくつかの奇妙な動作に気付きました:

  1. navigator.serviceWorker.controller常にnullです。
  2. サービスワーカー側ではpostMessage、次のように実装しました。

evt.origin=''残念ながら、オリジンにポストバックする重要なフィールドにevt.source=nullは、目的の値が含まれていません。それにもかかわらず、私は常に送信されevt.dataた.

ポストバックって知ってる?

どうもありがとうございました!
そして私

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

service-worker - Push API のプッシュ サービス URL はどのように設定されますか?

Push APIは、プッシュ サービスを次のように定義します。

アプリケーション サーバーが webapp にプッシュ メッセージを送信できるようにするシステム。

serviceWorkerRegistration .pushManager.subscribe()サービスへのサブスクリプションは、パラメーターを指定せずに を呼び出すことで作成されます。

このプッシュ サービスの URL はどのように構成されていますか? .subscribe()サービスの URL パラメーターを取得することを期待していました。

Push API の姉妹仕様であるGeneric Event Delivery Using HTTP Pushには、次のように記載されています。

プッシュ サービス: このリソースは、プッシュ メッセージ サブスクリプションを作成するために使用されます (セクション 3 を参照)。プッシュ サービスの URL は、ユーザー エージェントに構成されます。

ただし、この構成がどのように行われるかは指定されていません。

0 投票する
4 に答える
16443 参照

javascript - 別のサブドメインから Service Worker を登録する方法

https://abc.xxxx.comhttps://xyz.xxxx.comの 2 つのサブドメインがあります。だから私の質問:

1)。https://abc.xxxx.comからhttps://xyz.xxxx.comの Service Worker を登録することはでき ます か? はいの場合、どのように?

2)。http://abc.xxxx.com ( httpは安全でない) の場合、とにかくiframe などのようにhttp://abc.xxxx.comからhttps://xyz.xxxx.comのサービスワーカーを登録します....

これは実際の状況です。複数のサブドメインに直面しています。どんな助けでも感謝します。前もって感謝します。

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

android - Chrome ホームスクリーン ウェブアプリ - ブラウザで開くニュースフィード リンク

私は最近、Google の手順に従って、シンプルなホームスクリーン Web アプリを実行しました。Chrome 搭載の Android で [ホーム画面に追加] オプションを選択すると作成されるもの。マニフェストはアイコンや名前などを定義するのに役立ち、このスタンドアロン アプリ内のほとんどのリンクはアプリ内にとどまります... /newsfeed ページを除きます。

リンクをクリックして自分のサイトの domain.com/newsfeed ページにアクセスすると、代わりに Chrome ブラウザーでページが開きます。他のすべてのリンクは、オフサイトにつながるものを含め、ホームスクリーン アプリ内に配置されたままになります。

私が見る限り、そのページには特別なことは何もありません。target=_blank や、他のリンクにはないその他の詳細はありません。私の現在の推測では、何らかの方法で「ニュースフィード」を含むリンクに対して異なる反応を示し、ホームスクリーン Web アプリ内で動的コンテンツを処理できないと考えています。

何か案は?大したことではありませんが、その 1 つのページがホームスクリーンの Web アプリケーションにとどまらない理由を知りたいです。

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

android - Chrome ネイティブ アプリのインストール バナーとホーム画面に追加

最近、自分の Web に のネイティブ アプリ インストール バナーを追加しましたChrome。ユーザーが指定された基準を満たすと、アプリをインストールするためのバナーが表示されます。

しかし、私は機能が欲しいです:ホーム画面にも追加します。基本的に、アプリをインストールしたくないが、ホーム画面に私のウェブを追加することに興味があるユーザー向けです。

両方の機能を連携させることは可能ですか?