Apple Safari ignores many standard Web App Manifest configurations. Enter your URL below to audit your HTML for the proprietary Apple tags required to make your app look and feel native on iOS.
While Google Chrome and Android fully support the standard manifest.json file for Progressive Web Apps, Apple's Safari on iOS only offers partial support. To achieve a truly native look and feel on iPhones (like hiding the Safari URL bar or defining a home screen icon), you must manually inject proprietary apple-mobile-web-app-* tags into your HTML.
Adding <meta name="apple-mobile-web-app-capable" content="yes"> tells iOS that your website is designed to function as an app. When a user adds your site to their Home Screen and taps it, this tag forces the app to open in "Standalone" mode, meaning the Safari top navigation bar and bottom toolbar are completely hidden.
Unlike Android, which automatically generates a beautiful splash screen based on your manifest icon and background color, iOS requires you to manually provide pre-rendered images for every single iPhone and iPad screen size. You must generate dozens of images and link them using <link rel="apple-touch-startup-image" ...> tags, which requires exact resolution and media query matching.
No. iOS currently ignores the purpose: maskable property in your manifest. Apple relies entirely on the apple-touch-icon link tag. To ensure your app icon looks good on an iPhone, you should provide a perfectly square icon (ideally 180x180px or 192x192px) with no transparent background, as iOS will automatically round the corners for you.
Progressier automatically generates and injects all required Apple touch icons, splash screens, and meta tags to ensure flawless iOS compatibility.
Generate PWA See plans