Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add to Home Screen icon not populating on Ipad with ios 9.1 on safari browser

I have used below lines of code to populate the Add to home screen icon but it still gives an image of the entire page while clicking on add to home screen icon.

    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/>
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"/>

I am sure the path to this images are correct.

I have tried almost every solution available on internet including this website but don't seem to get it working. Please let me know in case if any other information needs to be provided.

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4

Any points of assistance would be of immense help.

like image 480
Jignesh Rawal Avatar asked Sep 27 '22 04:09

Jignesh Rawal


People also ask

Why can't I add to Home Screen on iPad?

If you do not see the "Add to Home Screen" option after you have opened the Mobile Gallery App installation link, you are most likely viewing from an unsupported browser (i.e. using the Gmail app on an iOS device, or the Twitter app from an Android device).

How do I add an icon to my iPad Home Screen?

You can add shortcuts to the Home Screen, and optionally group them into folders. In the Shortcuts app on your iOS or iPadOS device, tap on a shortcut, then tap to open Details. Tap Add to Home Screen.

Why is add to Home Screen not an option?

If the Add To Home Screen option disappears on your Android, the reason may be an outdated browser version, access permission issues, or cache problems. To fix the issue, you can try rebooting your phone, clearing the cache, and/or reinstalling the Chrome updates.


2 Answers

Be sure that you're not on a dev server or on a site that you need to obtain a certificate for. I ran into a similar issue and was finally resolved by moving assets onto production srvr.

I tested on physical (live) devices and also using BrowserStack to reach those devices and browsers I didn't have and everything worked as expected.

like image 67
Danny M. Avatar answered Oct 13 '22 03:10

Danny M.


I could not populate the image in Add to Home Screen option due to https certificate issue.Though i could browse the images using the path of the image but surprisingly it did not populate the home screen image on ipad.

Would like to get few answers on how to debug on safari browser from within the ipad.

I added a new certificate for the device and the add to home screen icon image started appearing as intended.

like image 1
Jignesh Rawal Avatar answered Oct 13 '22 05:10

Jignesh Rawal