New logic to detect PWA offline support

Channel:

Chrome for Developers

Subscribers:

791,000

Published on December 18, 2020 8:00:06 PM ● Video Link: https://www.youtube.com/watch?v=hoEE39yB2Pg

Category:

Vlog

Duration: 8:41

21,465 views

484

PWA install prompt (e.g. a “plus-in-circle” icon in Chrome's Omnibox) enables users to install a website. Currently, Chrome shows the PWA install prompts whenever a site has a manifest.json with the correct fields filled in, a secure domain and icons, and a service worker with a fetch handler, with the expectation that such a site will work offline. However, some PWAs can show the install prompts although they do not support offline pages by installing an empty fetch event handler in a service worker. This leads to unexpected behavior for users such as showing the dinosaur page which tells no internet connection. Chrome proposes changing the logic to raise the bar to show the prompts. Concretely, Chrome will actually invoke a fetch event handler with a fake request to see if the handler returns a response with 200 status code, which is a strong signal that the site actually supports the offline capability. The PWA install prompts show up only when a site has a fetch event handler which returns a response with 200 status code.

This new logic is not available yet. Chrome will run experiments to see how many websites are affected and make sure that the new logic will not cause an unacceptable delay to the page loading time. Chrome will ship the feature after sufficient announcements have been made.

Resources:
New logic to detect offline support in PWAs → https://goo.gle/improved-pwa-offline-detection
Let us know what you think of these changes → https://goo.gle/pwa-offline-feedback
Chromium tracking bug → https://goo.gle/3pZIAEL

Speaker: Asami Doi

Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs
Watch all Chrome Developer Summit sessions here → https://goo.gle/cds20-sessions

#chromedevsummit #chrome #pwa

event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Asami Doi;