Progressive Web Apps browser support & compatibility

Therefore, it's useful to be aware of each browser's capabilities and its compatibility with Progressive Web App features.
Here is the list of the main browsers on the market, and their compatibility with the key PWA features. The interactive table below sums it up. Select the browser that interests you and check out its compatibility with the different features, also taking into account the screen type and operating system being used.
1) Advanced user experience & offline functionality

We recently spoke about the use of Service Workers, which allow PWA developers to integrate a number of advanced features.
The Service Worker is installed in the browser the first time the PWA is used and then performs tasks it is assigned in an independent manner.
Here is the list of browsers that support the installation of the service worker :
The synchronisation allows for an extremely smooth user experience by significantly speeding up the app's performance.

This functionality allows for the app to be visited without a connection, as well as for improved user experience to be enjoyed, since even when an internet connection is available, certain files won't need to be loaded from the web server since they'll already have been locally stored.
2) Web push notifications

To enable this, two complementary elements work together : the Push API and the Notification API.
- The Push API is used to notify a service worker of a notification's presence.
- The Notification API is used to trigger the display of a notification in a browser.
All, except for Safari, rely on Service Workers to achieve these results. Safari uses an Apple-specific system called APNs that allows notifications to be received on OS X, but not on iOS.
3) Home screen & Splashscreen

This behavior is possible thanks to a JSON Manifest that is actually a descriptive file allowing developers to control the way the Progressive Web App behaves.
The JSON Manifest will allow the application to be saved onto the home screen of the device from the browser.
The app will then have its own icon and name, previously defined in the Manifest.
4) Geolocation

It also allows you to keep an eye on the user and to be notified if a position change occurs.
Through this API, you can build engagement and loyalty strategies that were unheard of in the web world up until now.
5) Video & Image capturing

Today, the "Media Capture API" allows Web Apps to have direct access to devices' audio and video feeds (the camera and microphone). These feeds can be read and handled from the Web App.
It is therefore possible to take a picture or record a video without leaving the browser, for example.
6) Bluetooth

Reserved for native apps only up until now, Bluetooth usage on the web has been made possible thanks to the Web Bluetooth API.
This API makes communication between a Web App and a device possible : the application prompts the browser to display a list of surrounding Bluetooths in proximity, and the user chooses a device or closes the dialog box.
In order to avoid any security risks, the application must absolutely be running under HTTPS in order to use the Web Bluetooth API.
Here is the list of browsers compatible with this API :
Design

