sw-precache

问题 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();

问题 I'm trying to use sw-precache , but I must be doing something wrong! I'm mostly using the demo code available from the github repo and can't seem to get updates to the app to come through. Once it's cached the first time, it never checks for new versions. I was expecting that when I publish a new service worker, the browser would request the new service worker and update the cache accordingly in the background. Then using the registration code in the example, I would be able to prompt the

问题 I'm trying to use sw-precache , but I must be doing something wrong! I'm mostly using the demo code available from the github repo and can't seem to get updates to the app to come through. Once it's cached the first time, it never checks for new versions. I was expecting that when I publish a new service worker, the browser would request the new service worker and update the cache accordingly in the background. Then using the registration code in the example, I would be able to prompt the

问题 Can i use service workers inside hybrids apps(ionic 1/cordova) running on android devices? I'm getting some errors when trying to install a service worker on ionic app running on android device, because android uses file protocol to serve files and service-workers require files to be served by HTTPS protocol or http(only for localhost): Error during service worker registration: DOMException: Failed to register a ServiceWorker: The URL protocol of the current origin ('file://') is not

问题 consider the following scenario: My express server dynamically generates HTML for the "/" route of my single page application. I would like to re-serve this same generated HTML as the service worker navigateFallback when the user is offline. I'm using https://www.npmjs.com/package/sw-precache-webpack-plugin in my webpack configuration. If I generate an index.html via html-webpack-plugin, say, and set index.html as my navigateFallback file, that generated file gets served correctly by the

问题 Iam trying to implement networkfirst strategy using sw-precache . Now iam able to cache the data and able to serve from offline . If i change the data (i.e: changed the header from 'hello' to 'Welcome') in page not get reflecting it always taking the data from the cache its getting update only if i unregistered the service worker or clear the site data then only i can get my data Here is my sw-precache gulp task : gulp.task('generate-service-worker', function(callback) { var path = require(

问题 Description: We are using sw precache for caching the scripts before hand, hence to update the scripts we are giving reload option, for that we are listening the worker message to skip waiting the newly install service worker for unknown reason we are not getting correct importScript // GETTING OLD SW reference (self) and NOT getting newly installed SW reference self.addEventListener('message', function(event) { *// not working* self.skipWaiting(); }); // But if we put skipWaiting() in

问题 I have noticed that the time waiting for service workers to respond with items from the cache is not as fast as you would expect it to be. I have seen the same wait times with both sw-precache and a custom written service worker. What are the possible causes for this wait time time and how could I reduce it? My fetch event on the custom service worker looks like: self.addEventListener('fetch', function(event) { event.respondWith( caches.match(event.request).then(function(response) { if

问题 I've deployed a new version of my site (It was on Polymer, now on Vue.js) to Firebase over an existing project. I'm using default Vue.js template with Webpack ( vue init webpack my-project ) in the new project Now that I've deployed the new version, when I open the site I see just a cached shell, I assume that's the service worker's fault In order to get actual current files from Firebase I (and all the previous visitors) have to now hard refresh the site every time ( Ctrl+F5 in firefox)

问题 How would one configure sw-precache to serve index.html for multiple dynamic routes? This is for an Angular app that has index.html as the entry point. The current setup allows the app to be accessable offline only through / . So if a user go to /articles/list/popular as an entry point while offline they won't be able to browse it and would be given you're offline message. (although when online they'd be served the same index.html file on all requests as an entry point) Can