Skip to content

Lab 6: Service Worker Internals

Steffen Jahr edited this page Oct 29, 2018 · 1 revision

1. Audit Your Progressive Web App

The Chrome Developer Tools include Lighthouse, an Audit tool for examining Progressive Web Apps and other websites.

  • Open the Developer Tools by pressing F12 (Windows/Linux) or ⌥⌘I (macOS).
  • Click the Audits tab.
  • Click the Perform an audit… button.
  • Make sure all checkboxes are ticked, then click the Run audit button.
  • Which scores do you get? If there are any remarks, can you agree with them?

2. Service Worker Internals

Many websites already use Service Workers for providing offline content or push notifications. Navigate to chrome://serviceworker-internals/ to inspect the service workers installed on your system.

  • How many service workers are registered on your system?
  • Which websites have registered service workers?
  • Tick the checkbox Open DevTools window and pause JavaScript execution on Service Worker startup for debugging. and test this functionality