Der iPhone-Begrüßungsbildschirm funktioniert nicht

8

In iPhone-Webanwendungen können Sie angeblich einen benutzerdefinierten Begrüßungsbildschirm definieren, der beim Laden der Website angezeigt wird (beim Laden der Website von einem gespeicherten Lesezeichen auf der Startseite). Der Punkt ist, die Web-App-Start-Erfahrung fühlen sich mehr wie eine echte iPhone-Anwendung.

Ich glaube, die Syntax ist so:

<link rel="apple-touch-startup-image" href="/splash.png" /> (platziert im Abschnitt <head> der Seite).

Wo splash.png ein vertikal ausgerichtetes 320x460 Bild ist.

Ich kann es nicht funktionieren lassen ... hat jemand dafür irgendwelche Tipps und Tricks?

    
Scrappydog 29.10.2009, 19:17
quelle

7 Antworten

8

Stellen Sie sicher, dass es 320x460 Pixel ist.

Du hast das schon gesagt, aber das war die Lösung für mich.

    
Sebastián Grignoli 05.09.2010 00:41
quelle
6

Sie können nur einen Begrüßungsbildschirm festlegen, sonst schlägt der Bildschirm fehl. Um einen ipad oder iphone splash screen auszuwählen, benötigen Sie ein wenig Javascript.

Der Begrüßungsbildschirm für iPad-Landschaften, der für native Apps verwendet werden kann, funktioniert nicht für Web-Apps. Weder würde ein Retina-Startbildschirm für das iphone4. Sie können nur ein ipad oder ein iphone Größen-Splash wählen. Das Größenattribut für das Link-Element scheint auf dem iPad zu funktionieren. Aber wenn mehr als ein Splash-Image-Link-Element vorhanden ist, fällt das iPhone aus.

Die Größe des Begrüßungsbildschirms muss genau sein. 320x460 für iphone / ipod und 1024x748 für ipad. Wenn Sie einen Landschaftsschnitt benötigen, müssen Sie ihn in Photoshop drehen, da während des Neustarts der App keine Kontrolle möglich ist.

Zum Testen empfiehlt es sich, zunächst den App-Cache zu deaktivieren und dann die Bandbreite mit Charles Proxy oder etwas Ähnlichem zu drosseln.

%Vor%     
puppybits 07.10.2011 04:17
quelle
3

Apple hat zu diesem Thema nicht viel Dokumentation (siehe diese URL ).

Ein paar Dinge zu beachten:

  • Das von Ihnen bereitgestellte Code-Snippet geht davon aus, dass Ihr Bild in Ссылка lebt
  • Dies funktioniert nur für iPhone OS 3.0 und höher
  • Das Bild muss ein PNG sein
  • Das Bild wird nur angezeigt, bis das DOM der Seite fertig ist

Sie können den folgenden Code auch verwenden, um das Web-App-Symbol explizit festzulegen:

%Vor%     
richleland 30.10.2009 01:32
quelle
1

Stellen Sie sicher, dass alle diese Links hinter Ihren anderen Stylesheets in Ihrer Kopfzeile stehen.

    
james 08.11.2010 09:04
quelle
1

iOS 4 zeigt den Begrüßungsbildschirm nicht, wenn Sie oben eine Benachrichtigungsleiste haben - z. bei Verwendung des persönlichen Hotspots (Tethering).

    
Daniel Wacker 07.07.2011 11:34
quelle
0

Jedes Mal, wenn ich auf dieses Problem stoße, wird es fast immer dadurch verursacht, dass mehr als ein Startbildschirm für die gleiche Seite aufgerufen wird oder der Startbildschirm nicht 320x460 Pixel (genau) hat. Dies sollte den Trick tun:

%Vor%

Aber bevor Sie den Begrüßungsbildschirm aufrufen, sollten Sie auch diese drei Codezeilen einfügen:

%Vor%     
kaleazy 07.01.2012 10:46
quelle
0

Sie haben Recht, dieser Code muss im Schnitt sein und das Bild muss 320x460 Pixel haben, der Grund, warum es nicht funktioniert, ist das Bild MUSS eine kleine Datei wie 20KB oder 25KB oder weniger sein. Ich hatte das gleiche Problem, aber wenn ich die Datei reduziere, die anfangen zu arbeiten.

Prost

    
xmux 09.01.2012 09:16
quelle

Tags und Links