CODEWITHSUNDEEP
javascriptgoogle-chromerefreshweb-worker
shino
shino

Reputation: 4734

Chrome not loading latest version of web worker script (runs a cached version)

If I edit my web worker script and refresh the page, the web worker script is a cached version. I am reasonably confident it is not my webserver, because I can immediately load the latest copies of all other files, and even restarting the webserver does not fix the problem. It only loads the newest version of the web worker script if I reboot chrome, which is highly inefficient, needless to say! It doesn't fix it even if I restart chrome. Is there anything I can do to get around this?

Upvotes: 12

Views: 8263

Answers (7)

Jay Day Zee
Jay Day Zee

Reputation: 650

What I found works is:

  • open a new tab, with the URL to the SharedWorker script,
    • e.g. "https://example.com/javascripts/mySharedWorker.js"
  • you should see that this tab contains the cached version of the script
  • if you then Shift-Reload that tab, the browser is forced to update the cached file

Chrome's reloading of "resources" on "shift-reload" seems to be... variable.

I hope you found this: chrome://inspect/#workers. You can terminate the worker here

Upvotes: 3

David Nguyen
David Nguyen

Reputation: 1

You must close all tabs which opening this page. Open only one 1 then Ctrl + Shift + R to refresh then the cache will be clear.

Upvotes: 0

Yuri
Yuri

Reputation: 11

Add <script src="your_worker_path"></scripts> to your page head to force cache update.
Include code of your worker in if(typeof window == "undefined"){...} to avoid it starting on page reload

Upvotes: 1

Marc A
Marc A

Reputation: 711

In your install event, before the call to event.waitUntil add:

if (self.skipWaiting) { self.skipWaiting(); }

Source

Also, you can follow this development workflow:

  1. Configure your server to serve your Service Worker script as non-cacheable (cache-control: no-cache)
  2. After you made changes to your service worker script:
    1. close all but one of the tabs pointing to your web application
    2. hit shift-reload to bypass the service worker as to ensure that the remaining tab isn't under the control of a service worker
    3. hit reload to let the newer version of the Service Worker control the page.

Source

Upvotes: 1

Brian
Brian

Reputation: 181

On my Linux Chrome I have to right click (or long click) the reload button and select "Empty Cache and Hard Reload" to get the latest version

Upvotes: 18

jfriend00
jfriend00

Reputation: 707328

Your web server determines how cachable a given web resource is and the browser attempts to respect those settings, caching resources that the web server says it is OK to cache, not caching things it says shouldn't be cached.

If you want to change that, you have these options:

  1. Clear the browser cache manually
  2. Temporarily turn off browser caching.
  3. Temporarily change the settings on your web server to instruct the browser not to cache
  4. Override the cache for just this one web page (shift-F5 in some browsers) to force a reload of new content
  5. Add a query parameter to the URL of the web worker script that you change each time you want it to load a new version.

Upvotes: 7

curlyblueeagle
curlyblueeagle

Reputation: 53

Did you try a hard refresh? Ctrl-r?

Upvotes: 3

Related Questions