Picture of Michael Lee
:wave: Hey hey, I'm @michaelsoolee! I'm a full-stack developer, maker of one too many side projects and dad.

Unregistering service workers in Firefox

Written on July 23, 2019

Not too long ago I downloaded an open source Rails application to my machine to see if I can contribute to it. One of the features that it has is a service worker. So that if and when a user’s Internet connection is lost, the service worker kicks in and provides for a branded experience.

Because the application was a Rails app, the service worker was registered on localhost:3000. What this led to was a bunch of error logs because whenever I fired up a different Rails application, Firefox — the browser I frequently use to do development — would think the service worker was for that particular application.

You would think the solution to fix this issue would be located in the developer tools, but it turns out it’s a browser setting.

  1. Type in about:debugging#workers in Firefox’s address bar
  2. Scroll down to the section labelled Service Workers
  3. Find the service worker you’re looking to unregister and click on the button Unregister

Stay in touch

Thanks for reading this article. I'd love to stay in touch and share more tips on programming, design and side projects with you. Sign up and I'll send you my articles straight to your email.