iPhone Web-App-Startbildschirm

Question

Ich arbeite auf einem iPhone Web-App, wo ich den "apple-mobile-web-app-capable" Meta-Tag bin mit "Vollbildmodus" zu bekommen. Wenn ich die app lauch zeigt es ein Bild von der Seite, wo ich das letzte Mal links, während es lädt. Es sieht aus wie die App bereit ist Eingang zu empfangen, wenn es nicht ist, und das ist verwirrend.

Ist es möglich, das Standardverhalten zu ändern und einen leeren Bildschirm angezeigt, bis sie bereit ist, Eingabe zu empfangen?

Answer 1

setzt diese zwischen HEAD-Tags:

<link rel="apple-touch-startup-image" href="image.jpg">

Das Bild, das Sie verwenden müssen, mit einer Auflösung von 320x460 JPG oder PNG sein

Answer 2

Dies wird einen Splash-Screen zu Ihrem Web App hinzuzufügen. Im Folgenden sind die Größen, die Sie für iPad benötigen (beide Retina und non), iPhone / iPod Touch (Retina und nicht) und iPhone 5. Dazu gehören auch die Statusleiste Bereich.

Apple-Docs-Launch Bilder , Apple-Docs-Symbol und Bildgrößen          

<!-- iPhone (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPhone 5 -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-Tall-RETINA.jpg"  media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPad Portrait -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

<!-- iPad Landscape -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

<!-- iPad Portrait (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPad Landscape (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

eine Web-App für das iPad-Kompatibilität Wenn die Erstellung es wird empfohlen, dass sowohl Landschafts- und Portrait Größen verwendet werden.

Answer 3

Es muss 320x460 sein, wird es nicht, wenn seine 320x480 arbeiten.

Answer 4

Das Bild muss PNG sein und 320x460 funktioniert dies nur unter iPhone OS 3.0 oder höher.