service-worker

问题 I am currently trying to build a WordPress theme using React/Redux. Everything is working as expected except for responding with 200 when offline. The build folder of CRA (Create React App) is located at /wp-content/themes/pwa/build . When online, WordPress loads the index.php for all routes. This registers the .css and .js from the build folder. Here everything is working as expected. Im trying to understand how to configure CRA / WorkBox to register the service worker at / and serve all

问题 I am trying to install a ServiceWorker for a simple, yet old, Django web app. I started working with the example read-through caching example from the Chrome team This works well but isn't ideal because I want to update the cache, if needed. There are two recommended ways to do this based on reading all the other service-worker answers here. Use some server-side logic to know when the stuff you show has updated and then update your service worker to change what is precached. This is what sw

问题 I'm creating a PWA for my website. It was a multiple page website built using jquery. Now I have created an app shell which consists of a common header for the site. My site has good SEO ranking and ranks in top 3 links usually. Now when I want to go from page A to page B and I want the header to be preloaded and a loader gets displayed until the data for page B is received from the server. I am still using jquery as most of the modules are already built in that and I don't want to rebuild

问题 In one of the Service Worker examples by Google, cache and return requests self.addEventListener('fetch', function(event) { event.respondWith( caches.match(event.request) .then(function(response) { // Cache hit - return response if (response) { return response; } // IMPORTANT: Clone the request. A request is a stream and // can only be consumed once. Since we are consuming this // once by cache and once by the browser for fetch, we need // to clone the response. var fetchRequest = event

问题 In one of the Service Worker examples by Google, cache and return requests self.addEventListener('fetch', function(event) { event.respondWith( caches.match(event.request) .then(function(response) { // Cache hit - return response if (response) { return response; } // IMPORTANT: Clone the request. A request is a stream and // can only be consumed once. Since we are consuming this // once by cache and once by the browser for fetch, we need // to clone the response. var fetchRequest = event

问题 In one of the Service Worker examples by Google, cache and return requests self.addEventListener('fetch', function(event) { event.respondWith( caches.match(event.request) .then(function(response) { // Cache hit - return response if (response) { return response; } // IMPORTANT: Clone the request. A request is a stream and // can only be consumed once. Since we are consuming this // once by cache and once by the browser for fetch, we need // to clone the response. var fetchRequest = event

问题 What I am trying to achieve: render page with loader/spinner if service-worker.js is registered and active, then check for updates if no updates, then remove loader if updatefound and new version installed, then reload the page else register service-worker.js when updatefound , meaning new one was installed, remove loader I am using sw-precache module for me to generate service-worker.js and following registration code: window.addEventListener('load', function() { // show loader addLoader();

问题 Can i make a service worker, that run in background and poll the server at specific interval and return response or show notification(push notification) when chrome browser is closed. I am working for a website, that ask for service worker permission and sync the request at specific intervals in background based on request received from server show the notification. Edit 1: As of now i can see chrome is working on this, but the post is too old Dec 2015. They have written it that they will

问题 I have been trying to customise notification message in front end, i.e if a field is not set send in notification, I am trying to add it. importScripts('https://www.gstatic.com/firebasejs/5.0.4/firebase-app.js'); importScripts('https://www.gstatic.com/firebasejs/5.0.4/firebase-messaging.js'); var config = { apiKey: "x", authDomain: "y", databaseURL: "z", projectId: "a", storageBucket: "b", messagingSenderId: "1" }; firebase.initializeApp(config); const messaging = firebase.messaging();

问题 I'm trying to use Workbox to add PWA functionality to my website. I'm following the Get Started guide, but I'm not getting far. When I run the website in Chrome I get the following error: Refused to load the script 'https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Per the docs, I am importing workbox-sw.js in my service worker file that is in my wwwroot folder with