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

This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan

<p><a href="https://dev.to/samthor">Sam Thorogood</a> from our team writes:</p> <blockquote> <p>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.</p> <p>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.</p> </blockquote> <p><a href="https://developers.google.com/web/updates/2018/07/pwacompat">Read full post</a>.</p> <p>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.</p> <p>If you're building a PWA I would include it.</p>

This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan