CSS-Optimierung für iPod und iPhone Safari
Der Aufbau von Anwendungen, die für die Verwendung auf dem iPod oder iPhone optimiert sind, ist eine großartige Möglichkeit, um in einen explodierenden Markt mit mehr als eintauchen zu können 1 Milliarden Downloads miteinander ausgehen. Es ist wichtig zu wissen, dass diese Zahlen keine browserbasierten Anwendungen beinhalten, die für Safari auf dem iPhone oder iPod Touch optimiert sind und keinen Download erfordern.
Heute habe ich die Kugel gebissen und eine gekauft 16 GB iPod Touch um die Plattform für Safari und Apps zu überprüfen. Klar… ich war begeistert, dass ich unterwegs Filme ansehen kann und der iPod Touch auch als Fernbedienung für mein AppleTV fungieren kann!
Meine erste Aufgabe war es, meine zu aktualisieren Gehaltsrechner zur Verwendung mit Safari auf dem iPod Touch oder dem iPhone. Es ist eine Anwendung, die ich in praktisch jeder Sprache erstellt habe.
Interessanterweise nutzte das Aufrufen der Seite in Safari nicht automatisch die Medien = Handheld CSS-Einstellungen, daher musste ich einige serverseitige Skripte in PHP schreiben, um das entsprechende Stylesheet zu verwenden:
> link rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} else {?>
> link rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>
Die Seite sieht ziemlich gut aus, aber ich weiß, es gibt eine Menge CSS-Argumente für iPhone und iPod Safari Ich kann Komponenten verwenden und sogar verschieben, je nachdem, ob die Seite im Quer- oder Hochformat ausgerichtet ist. Ich werde weiter experimentieren!
Hast du ein iPhone oder einen iPod Touch? Probieren Sie das aus Gehaltsrechner und lass mich wissen, wie es für dich aussieht! Beachten Sie, dass praktisch alle Änderungen zwischen den Seiten nur mit CSS vorgenommen wurden! Es war vielleicht einfacher, einfach eine völlig neue Seite zu schreiben - aber nicht so herausfordernd.