Search code examples
iphonehtmlmobile-safarimeta

Can't get Plus (+) Button in Safari Mobile with meta tags


Ok, this seems like it should be so simple.

I have a web app:

http://cloudmusiccompany.appspot.com/

It has the META tag:

<meta name="apple-mobile-web-app-capable" content="yes" />

I know that it only goes full screen when the user clicks the "+" at the bottom of the screen, and then launches the short cut.

But I've never been able to get it to show me the "+" button. I see the other, share button.

As you can see from the source, I have a splash screen and an icon.

I've tried putting the meta and link tags in different orders. Nothing seems to give me the "+" button.


Solution

  • You're correct that plus button was replaced in iOS 4.2 with the share button.


    To set the home screen icon, use this meta tag:

    <link rel="apple-touch-icon-precomposed" href="icon.png"/>
    

    Or, this one if you want gloss added to the icon:

    <link rel="apple-touch-icon" href="icon.png"/>
    

    To set the splash screen, use:

    <link rel="apple-touch-startup-image" href="splash.png" />