Don’t use iOS meta tags irresponsibly in your Progressive Web Apps

⚠️ Updated version of this article ⏩ firt.dev

The twitter example

Wrong UX at Twitter.com on Safari iOS when you add it to the Home Screen

Progressive Web Apps examples

Flipkart has almost a perfect web app on iOS, until you add it to the homescreen from an internal section

The Mobile Web App meta tag

Why a PWA might have problems with this meta tag

PWA Icons when added to iOS shows a transparent original background not compatible with iOS guidelines

What these web apps should be doing

mobile+web developer, author, trainer, speaker | Check firt.dev for more articles and learning experiences | PWAs, Web Performance, JavaScript, Mobile Apps

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store