タグ付けされた質問 「service-worker」

/serviceworker.jsルートディレクトリから削除した後も、Chromeはウェブルートから削除したService Workerを実行します。WebサイトとChromeからService Workerをアンインストールして、Webサイトに再度ログインするにはどうすればよいですか？ 私はService Workのキャッシュメカニズムまで問題を追跡しましたが、デバッグする時間があるまで今は削除したいと思います。私が使用しているログインスクリプトは、GoogleアカウントにログインするためにGoogleのサーバーにリダイレクトします。しかし、login.phpページから取得するのはERR_FAILEDメッセージだけです。

161 html  google-chrome  service-worker 

サービスワーカーがWebワーカーができないことは何ができますか？またはその逆？ WebワーカーはService Workerの機能のサブセットのようです。これは正しいです？

109 javascript  html  service-worker  web-worker  w3c 

Service Workerをテストしたいのですが、仮想ホストがセットアップされていて、localhostでhttpsを有効にできないようです。 ローカルホストでService Workerを登録しようとするたびに、Service Virtual Workerをテストするためにローカル仮想ホストのURLをホワイトリストに登録するにはどうすればよいですか？Chromeでは、Service Workerを有効にするにはhttpsが必要であると述べています。どうすれば、少なくともローカルテストでこの制限を回避できますか。

93 javascript  google-chrome  service-worker  progressive-web-apps 

反応アプリを作成すると、デフォルトでServiceWorkerが呼び出されます。なぜサービスワーカーが使われるのですか？デフォルトの呼び出しの理由は何ですか？

93 javascript  reactjs  service-worker 

不透明な応答はFetchAPIの一部として定義され、CORSが有効になっていないときにリモートオリジンに対して行われたリクエストの結果を表します。 JavaScriptから、およびページ上のリソースとして、不透明な応答を使用する方法に関して、どのような実際的な制限と「落とし穴」が存在しますか？

89 javascript  cors  service-worker  fetch-api 

私はアプリでAngular-CLI 1.6.6とを使用して@angular/service-worker 5.2.5いますAngular 5.2.5。本番環境で1つのエラーメッセージが表示されることを除いて、すべてがローカルのliteサーバーと本番サーバーで正常に機能します。 リソースのロードに失敗しました：サーバーはステータス504（ゲートウェイタイムアウト）で応答しました 探しているngsw-worker.jsエラーメッセージが上記生成される（以下2466）スクリプトIが発見行： async safeFetch(req) { try { return await this.scope.fetch(req); } catch (err) { this.debugger.log(err, `Driver.fetch(${req.url})`); return this.adapter.newResponse(null, { status: 504, statusText: 'Gateway Timeout', }); } } キャッチでのコンソールログエラーにより、次のエラーが発生します。 TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode at Driver.safeFetch (ngsw-worker.js:2464) …

83 angular  angular-cli  angular5  service-worker  angular-service-worker 

すべてのリクエストに単純なヘッダーを添付するために、サービスワーカーを（数時間）使用しようとしています。イライラするのは、一種の作品です。 試み1： self.addEventListener("fetch", event => { const modifiedHeaders = new Headers({ ...event.request.headers, 'API-Key': '000000000000000000001' }); const modifiedRequest = new Request(event.request, { headers: modifiedHeaders, }); event.respondWith((async () => { return fetch(modifiedRequest); })()); }); 上記のコードはHTMLファイルで機能しますが、CSSおよびJSファイルでは次のエラーが発生します ReferenceError：ヘッダーが定義されていません ヘッダー要件を無効にすると、ページに画像とJavaScriptが読み込まれ、通常のように操作できます。 試み2： var req = new Request(event.request.url, { headers: { ...event.request.headers, 'API-Key': '000000000000000000001' }, method: event.request.method, …

8 javascript  google-chrome  service-worker