PWACompat: the Web App Manifest for all browsers – @ChromiumDev

Sam Thorogood from our team writes:
You’ve designed a webapp, built its code and service worker, and finally added the Web App Manifest to describe how it should behave when ‘installed’ on a user’s device. This includes things like high-resolution icons to use for e.g. a mobile phone’s launcher or app switcher, or how your webapp should start when opened from the user’s home screen.
And while many browsers will respect the Web App Manifest, not every browser will load or respect every value you specify.

Sam Thorogood from our team writes:

You’ve designed a webapp, built its code and service worker, and finally added the Web App Manifest to describe how it should behave when ‘installed’ on a user’s device. This includes things like high-resolution icons to use for e.g. a mobile phone’s launcher or app switcher, or how your webapp should start when opened from the user’s home screen.

And while many browsers will respect the Web App Manifest, not every browser will load or respect every value you specify. Enter PWACompat, a library that takes your Web App Manifest and automatically inserts relevant meta or link tags for icons of different sizes, the favicon, startup mode, colors etc.

Read full post.

I was amazed by this library, and I’m glad to see it getting a bit more attention. It was the first time I actually saw the Splash Screen on iOS work in the last 5 years and he generates them in a really neat way – he generates the image on the fly based on the exact screen size of the device and base64 encodes the image… it also fills in a lot of the rest of the gaps in the Safari Add To Homescreen story.

If you’re building a PWA I would include it.


Print Share Comment Cite Upload Translate
APA
Paul Kinlan | Sciencx (2024-03-29T13:21:15+00:00) » PWACompat: the Web App Manifest for all browsers – @ChromiumDev. Retrieved from https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/.
MLA
" » PWACompat: the Web App Manifest for all browsers – @ChromiumDev." Paul Kinlan | Sciencx - Tuesday July 17, 2018, https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/
HARVARD
Paul Kinlan | Sciencx Tuesday July 17, 2018 » PWACompat: the Web App Manifest for all browsers – @ChromiumDev., viewed 2024-03-29T13:21:15+00:00,<https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/>
VANCOUVER
Paul Kinlan | Sciencx - » PWACompat: the Web App Manifest for all browsers – @ChromiumDev. [Internet]. [Accessed 2024-03-29T13:21:15+00:00]. Available from: https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/
CHICAGO
" » PWACompat: the Web App Manifest for all browsers – @ChromiumDev." Paul Kinlan | Sciencx - Accessed 2024-03-29T13:21:15+00:00. https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/
IEEE
" » PWACompat: the Web App Manifest for all browsers – @ChromiumDev." Paul Kinlan | Sciencx [Online]. Available: https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/. [Accessed: 2024-03-29T13:21:15+00:00]
rf:citation
» PWACompat: the Web App Manifest for all browsers – @ChromiumDev | Paul Kinlan | Sciencx | https://www.scien.cx/2018/07/17/pwacompat-the-web-app-manifest-for-all-browsers-chromiumdev-2/ | 2024-03-29T13:21:15+00:00
https://github.com/addpipe/simple-recorderjs-demo