HTML and CSS Reference
In-Depth Information
ein Bild anzeigen lassen, eine Art Splash-Screen. Legen Sie dazu eine Grafik mit der
exakten Größe 320 × 460 Pixel an, und speichern Sie diese als
splash-iphone.png
im
Ordner
bilder
Ihrer WebApp ab. Fügen Sie nun folgenden Code in den
head
-Bereich
ein:
2
<link rel="apple-touch-startup-image" href="bilder/splash-iphone.png" />
Beim Start Ihrer WebApp wir nun der soeben eingefügte Splash-Screen angezeigt. Lei-
der können Sie nicht beeinflussen, wie lange dieser angezeigt wird - je nach Datei-
größe Ihrer App, Verbindungsgeschwindigkeit und der Performance Ihres Geräts
kann die Anzeigedauer variieren. Es gibt auf dem iPhone auch keine Möglichkeit,
einen Splash-Screen für den Landscape-Modus einzufügen, der Vollbildbrowser
unterstützt nur Portrait-Grafiken.
Für Experten
Wenn Sie ein App-Icon angelegt haben, das ohne den typischen Glanzeffekt darge-
stellt werden soll, können sie dies mit der
precomposed
-Eigenschaft im
head
-Bereich
einfügen:
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone.png" />
Standardmäßig erkennt Safari in Webseiten Telefonnummern und hinterlegt diese
mit einem Hyperlink. Klickt der Benutzer auf den Link, öffnet Safari die Telefonfunk-
tion und ruft die Telefonnummer an. Manchmal ist es sinnvoll, diese Funktion zu
deaktivieren, z. B. wenn Ihre App mit langen Zahlen arbeitet, die zwar wie Telefon-
nummern aussehen, aber keine sind. Verwenden Sie dazu folgenden Code:
<meta name="format-detection" content="telephone=no">
Mehr Details zu den Anpassungsmöglichkeiten von WebApps auf iOS-Geräten fin-
den Sie in der offiziellen Dokumentation bei Apple in englischer Sprache:
http://developer.apple.com/library/IOS/#documentation/AppleApplications/
Reference/SafariWebContent/
Anpassungen fürs iPad und iPhone 4/4S
Da der Bildschirm von iPad und iPhone 4/4S etwas höher aufgelöst ist, gelten auch
für App-Icon und Splash-Screen etwas andere Größen: iPad-Symbole sind genau
72 × 72 Pixel groß, Retina iPad-Symbole 144 × 144 Pixel. Für Retina-iPhones sind
114 × 114 Pixel der Standard. Sie verknüpfen im
head
-Bereich die Grafiken folgender-
maßen:
Search WWH ::
Custom Search