However, it uses an approach to generate PWA images on runtime (iOS) and store them in the session storage of your browser. I think it’s a good option to maintain a standard splash screen look and feel across platforms. One of the options to generate and use PWA assets is using PWACompat. Some of the drawbacks that I noticed when I used them are Runtime dependency They might as well be a good fit for your needs but I think it’s wise to get to know the drawbacks of them when deciding what to use. When I decided to build such a CLI library, there were already a couple of options out there to generate assets for PWAs and meta associated with them. Read more about it on Apple's Icon Guidelines and Safari Web Content Guide. ![]() So far, the only way to setup icons and splash screens for your PWA on iOS is, adding special HTML tags.Ī special HTML link tag with rel apple-touch-icon is required to provide icons for your PWA when it's added to the user’s home screen. It’s also not clear yet if Apple will change its approach for displaying splash screens during standards implementation, as splash screens are not part of Web App Manifest specs. Currently, iOS doesn’t support Web App Manifest API specs, although the spec is in development- track the progress here. They are automatically generated for you. Once you use icons with required sizes as part of Web App Manifest API, you don’t need to provide additional splash screen images for above platforms. ![]() As it’s noted on Microsoft docs, your PWA has to meet specific image criteria declared on Web App Manifest in order to be automatically packaged for Microsoft Store.Google’s Android platform respects Web App Manifest API specs and it expects you to provide at least 2 icon sizes in your manifest file.When you build a PWA with the goal of providing native-like user experiences on multiple platforms and stores, you need to meet the criteria of those platforms and stores with your PWA assets icons and splash screens.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |