Thema: iPhone Web Entwicklung

iPhone Web Entwicklung

Hier möchte ich euch einige Tipps zeigen wir ihr eure Webseite iPhone tauglich macht!

1. iPhone User auf eigenes CCS umleiten

HTML-Code:

<!--&#91;if !IE&#93;>–>

    href=”iPhone.css” type=”text/css” rel=”stylesheet” /> 

Mit diesem Code wird das iphone auf ein eigenes CSS Dokument mit dem namen iPhone.css umgeleitet

Bei Seiten mit PHP könnt ihr folgenden Code benutzen

PHP-Code:

if (stristr($_SERVER['HTTP_USER_AGENT'], ‘iPhone’)) {} 


Bei Seiten die mit Javascript könnt ihr diesen Code verwenden

Code:

var updateLayout = function() {
  if (window.innerWidth != currentWidth) {
    currentWidth = window.innerWidth;
    var orient = (currentWidth == 320) ? "profile" : "landscape";
    document.body.setAttribute("orient", orient);
    window.scrollTo(0, 1);
  }
};

iPhone.DomLoad(updateLayout);
setInterval(updateLayout, 500);

2. Ansicht ohne Browserleiste

Um die neuartige Ansicht ohne Browserleiste zu verwenden braucht ihr folgenden Code

HTML-Code:

3. Telefonnummern in Safari

Telefonnummern können direkt mit dem iPhone verlinkt werden. Ein klick genügt und das iPhone wählt die Nummer

HTML-Code:

0676/33333.

4. Email in Safari

HTML-Code:

Max Mustermann

5.Google Maps aufrufen

HTML-Code:

Österreich

6. Homescreen Icon

Das Icon muss immer die größe von 60x60 haben und im Dateiformat png sein.

1. Möglichkeit

2. Möglichkeit

Du kopierst im Webseiten Root Verzeichnis das Bild mit dem Namen "apple-touch-icon.png" (ohne Hockkomma) hinein.


Fortsetzung folgt!

Viel Erfolg wünscht Apfelphone.net!