{"id":92,"date":"2019-04-23T12:01:53","date_gmt":"2019-04-23T12:01:53","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=92"},"modified":"2019-10-30T06:48:04","modified_gmt":"2019-10-30T06:48:04","slug":"troubleshooting-the-pwa-in-ios-device","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/troubleshooting-the-pwa-in-ios-device\/","title":{"rendered":"Troubleshooting the PWA in ios device"},"content":{"rendered":"<p><strong>Progressive Web Apps<\/strong>(<strong>PWA<\/strong>) are no longer restricted to Android users but can now be accessed by iPhone users with the <strong>11.3<\/strong> iOS update. Apple added support for service workers and app manifest files\u00a0that make PWAs work.<\/p>\n<h4>How to experience PWA on iOS devices<\/h4>\n<p>Adding a PWA to your iPhone is a bit complex when compared to Android. So the user has to visit the website within Safari and then manually press the Share icon and then \u201c<strong>Add to Home Screen<\/strong>\u201d There will be no indication that a website you are visiting is a PWA.<\/p>\n<p>After that, you can name the WebApp whatever you like when adding it to your device.<\/p>\n<p><a href=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-103\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios.png\" alt=\"\" width=\"301\" height=\"647\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios.png 301w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios-140x300.png 140w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios-23x50.png 23w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios-28x60.png 28w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/04\/Ios-47x100.png 47w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/a><\/p>\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding: 10px;\"><strong>Note:<\/strong> Safari &amp; iPhone \/ iOSCompatibility \u2013 They said it\u2019s impossible but we can\u2019t stop helping our users improve the user experience and thus we created a solution in a way that the CTA\u2019s will give a great user experience in the Safari and iOS browsers as well.<\/p>\n<h4>Frequently asked questions:<\/h4>\n<p style=\"padding-left: 40px;\"><strong><span style=\"color: #ff0000;\">1Q<\/span>) <\/strong>The Popup of &#8220;<strong>Add To Homescreen<\/strong>&#8221; Is not displaying in ios as like Android?<\/p>\n<p style=\"padding-left: 40px;\"><strong><span style=\"color: #339966;\">A<\/span>) <\/strong>As I mentioned above you won\u2019t be greeted with the Web App Banner in the ios device. Need to manually press the Share icon and then \u201c<strong>Add to Home Screen<\/strong>\u201d it.<\/p>\n<p style=\"padding-left: 40px;\"><strong><span style=\"color: #ff0000;\">2Q<\/span>)\u00a0<\/strong>Browsers that support PWA In ios device?<\/p>\n<p style=\"padding-left: 40px;\"><strong><span style=\"color: #339966;\">A<\/span>) <\/strong>As PWA is a new technology, right now the PWA works only using Safari in the ios device.<\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us <b><a href=\"http:\/\/pwa-for-wp.com\/contact-us\/\">here<\/a> <\/b>and\u00a0we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Apps(PWA) are no longer restricted to Android users but can now be accessed by iPhone users with the 11.3 iOS update. Apple added support for service workers and app manifest files\u00a0that make PWAs work. How to experience PWA on iOS devices Adding a PWA to your iPhone is&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[4],"ht-kb-tag":[],"class_list":["post-92","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":10,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/92\/revisions"}],"predecessor-version":[{"id":701,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/92\/revisions\/701"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=92"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}