6. Webseiten für den IPhone Safari Browser
Vermeide
• Frames
• Flash
• Java applets
• Scalable vector graphics (SVG)
• Plug - ins
• CSS property position:fixed
• JavaScript functions showModalDialog() and print() and
several mouse events
• HTML element input type=”file”
7. Webseiten für den IPhone Safari Browser
• App-Icon für die Website
– apple-touch-icon.png ins Root-Verzeichnis
– Oder:
<link rel="apple-touch-icon"
href="http://www.meinserver.de/meineapp/
mein-icon.png" />
8. Webseiten für den IPhone Safari Browser
• Um ein CSS nur für das Iphone zu laden:
<link rel="stylesheet" href="iphone.css"
type="text/css" media="only screen and (max-device-
width: 480px)" />
• Useragent (Browserweiche):
Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; de-
de) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0
Mobile/7A341 Safari/528.16
if (stristr($_SERVER['HTTP_USER_AGENT'], 'iPhone')) { ... }
9. Webseiten für den IPhone Safari Browser
• Viewport (Steuerung v. Ausschnitt u. Zoom)
Default:
<meta name=”viewport” content=”width=980;user-
scalable=1;” />
Optimal:
<meta name="viewport" content="width=device-
width; minimum-scale=1.0; maximum-scale=1.0;
scalable=1;">