2016-04-05 11 views
4

Ich habeiOS WebApp nicht Startbild zeigt

<link rel="apple-touch-icon" href="favicon.png" /> 
<link rel="apple-touch-startup-image" href="splash-screen.png"/> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

zwischen den Head-Tags meiner Website aber es funktioniert nicht für das Startbild ist das normal?

Antwort

1

Versuchen Sie, das Startbild in Ihrem Desktop-Browser anzuzeigen? Wenn ja, dann würde ich Ihre Website auf einem iOS-Mobilgerät besuchen und die App zu Ihrem Homescreen hinzufügen. Wenn Sie es öffnen, sollten Sie den Begrüßungsbildschirm sehen.

Splash-Screen sind auch mit verschiedenen Bildschirmgrößen schwierig. Sie können den folgenden Code verwenden, um sicherzustellen, dass es funktioniert.

 <!-- IOS Touch Icons --> 
     <link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon"> 

     <link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon"> 

     <link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon"> 
     <link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon"> 

     <!-- iOS Startup images --> 
     <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image"> 
     <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
     <link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image"> 
     <link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image"> 
     <link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
     <link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

Es ist ziemlich mühsam all diese Bilder zu erzeugen, so dass ich ein Tool verwenden würde, die verschiedene Symbole und Splash-Screen Bilder automatisch zu generieren.

Man würde solches Werkzeug http://ticons.fokkezb.nl/

0

Diese Funktionalität sein scheint, da iOS gebrochen worden zu sein 9.

Obwohl es keine offizielle Wort nicht gewesen ist, diese thread (und die fehlende Reaktion von Apple) deutet darauf hin, dass es sich möglicherweise um einen Fehler handelt.

Die offizielle documentation (letzte Aktualisierung Dezember 2016) listet immer noch die apple-touch-startup-image Funktion so hoffentlich wird es schließlich behoben werden.