If you audit the page again with Lighthouse you'll also see that the Does not provide a valid apple-touch-icon audit now passes. This time, a proper icon is generated for the site. Try adding the example app to an iOS home screen again.вЂ¦ Add the example app to an iOS home screen (again) # Uncomment the tag at the bottom of the of index.html.Add an Apple touch icon to the example app # You'll probably have to swipe left to see this option.Д«ecause the site hasn't specified an Apple touch icon, iOS just generates an icon for the site from the page's content. This is the URL like that you noted earlier. To demonstrate how an Apple touch icon provides a more polished user experience, first try adding the example app to your iOS device's home screen when an Apple touch icon hasn't been specified. The Does not provide a valid apple-touch-icon audit Add the example app to an iOS home screen # In the PWA Optimized section, Lighthouse reports that the example app doesn't provide a valid Apple touch icon. Make sure the Progressive Web App checkbox is selected in the Categories list.Press `Control+Shift+J` (or `Command+Option+J` on Mac) to open DevTools.Run a Lighthouse PWA audit on your example app in Chrome DevTools: Measure #Д¬lick Remix to Edit to make the project editable. But in most cases a PWA would be the kind of app that a user would most likely want to add to their home screen. The first version of Pages was announced on January 11, 2005, during the Keynote speech at the Macworld Conference & Expo San Francisco 2005 in San Francisco, California, USA. It is part of the iWork productivity suite and runs on the OS X and iOS operating systems. Turn up the heat with our summer-ready collection of playlists. Pages is a word processor and a page layout application developed by Apple Inc. In fact, the example app used in this codelab isn't a PWA. Gold Rush Kid (Apple Music Edition) George Ezra I think this is a moment in time for me. IOS Safari users can add any webpage to their home screen.

Apple pages icon