This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan
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.
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.
This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan
Paul Kinlan | Sciencx (2018-07-17T07:45:28+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/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.