Options for testing service workers via HTTP

by

In general, you need to serve both your page and your service worker script via HTTPS in order to use service workers. The rationale is described at Prefer Secure Origins For Powerful New Features.

There’s an exception to the HTTPS requirement in place to facilitate local development: if you access your page and service worker script via http://localhost[:port], or via http://127.x.y.z[:port], then service workers should be enabled without any further actions.

In recent versions of Chrome, you can work around this requirement duriing local development via chrome://flags/#unsafely-treat-insecure-origin-as-secure, as explained in this answer.

Firefox offers similar functionality, via the devtools.serviceWorkers.testing.enabled setting.

Please note that this functionality is only meant to facilitate testing that wouldn’t otherwise be able to take place, and you should always plan on using HTTPS when serving the production version of your site. Don’t ask real users to go through the steps of enabling those flags!

More Related Contents:

  1. Service worker is caching files but fetch event is never fired
  2. How to clear cache of service worker?
  3. “Status Code:200 OK (from ServiceWorker)” in Chrome Network DevTools?
  4. What is the storage limit for a service worker?
  5. Can service workers cache POST requests?
  6. Can’t find serviceWorker in navigator anymore
  7. Best practices for detecting offline state in a service worker
  8. Is it possible to make an in-app button that triggers the PWA “Add to Home Screen” install banner?
  9. Chrome 65 blocks cross-origin . Client-side workaround to force download?
  10. Console.log showing only the updated version of the object printed
  11. How to simulate key presses or a click with JavaScript?
  12. JavaScript: Is there a way to get Chrome to break on all errors?
  13. How do you use window.postMessage across domains?
  14. Chrome can’t load web worker
  15. AJAX request to local file system not working in Chrome? [duplicate]
  16. Prevent Address-Bar hiding in mobile Browsers
  17. Console shows error about Content Security policy and lots of failed GET requests
  18. Accessing Current Tab DOM Object from “popup.html”?
  19. Communicating between a Chrome packaged app and a Chrome extension?
  20. How to get list of network requests done by HTML
  21. Chrome and IE sorts JSON Object automatically, how to disable this?
  22. jQuery in Chrome returns “block” instead of “inline”
  23. How can I capture all network requests and full response data when loading a page in Chrome?
  24. How to window.open with a toolbar in Google Chrome?
  25. Chrome debugging – break on next click event
  26. Re-enabling window.alert in Chrome
  27. iframe not reading cookies in Chrome
  28. Keycode is always zero in Chrome for Android
  29. Disable chrome react DevTools for production
  30. Record voice from IPhone using HTML5

Leave a Comment