Drüben bei Apfelquak kam im Rahmen meines Artikels zum Hinterlegen von Icons für den iPhone/ipod touch Homescreen die Frage auf, was man machen kann, wenn man nicht der Webmaster der Seite ist. Ad hat dazu einige Links ausgegraben, die aber entweder einen eigenen Webspace und viel Arbeit für einen einzigen Link voraussetzen oder das Wissen um eine Icon-Datei (Lösungen von Drew McLellan und Jordan Dobson). Beides Methoden, die eher den Freak in uns herausfordern, niemanden, der mal eben einen Bookmark ablegen will und keinen Bock auf eine geschrumpfte Ansicht der Seite im Homescreen hat.

Die Lösung von Florian Schimanke gefiel mir eigentlich schon recht gut, minus dem manuellen Aufwand, Icons und HTML-Seiten erstellen zu müssen. Für beides musste also eine Lösung her. Die Sache mit der Weiterleitung lässt sich mittels php ja leicht lösen, indem man die Ziel-Seite einfach als Parameter übergibt. Icons für die Seiten gibt es prinzipiell auch – die Favicons nämlich. Die sind aber weder png noch in der passenden Größe. Andreas Demmer hat aber auf seiner Website ein nettes Script, welches zu externen Links die Favicons raussucht und hinter dem Link als PNG einblendet. Von der Webkrauts-Liste weiß ich, dass er das mit ImageMagick macht.

Also alles in einen Topf geworfen und herausgekommen ist fav-clip.com.

URL eingeben, Formular absenden, aus dem Favicon der Seite wird ein iPhone-taugliches PNG erzeugt, bookmarken, fertig. Technisch bedingt läuft ein Aufruf des Bookmarks über fav-clip.com, das nur zur Info für alle, die gleich wieder ‘Datenschutz!’ schreien. Ein Logging dieser Anfragen findet über das reine Server-Log hinaus nicht statt!

Known Issues:

• Weiterleitungen werden derzeit nicht berücksichtigt. Es ist der URL der Zielseite anzugeben, damit es funktioniert.
• Das und ein nicht vorhandenes Icon resultiert in einem schwarzen Icon!
• Es wird versucht, die Hintergrundfarbe des Icons zu ermitteln und den Canvas passend zu setzen, was nicht immer zuverlässig klappt.
• Ich hab vorher noch keine Seite für iPhone/iPod touch gemacht. Das sieht also alles sehr alpha aus, was es auch ist.

Gewolltes Verhalten:

• Evtl. vorhandene Apple-Touch-Icons der Seite werden ignoriert.

Sieht dann übrigens so aus: Screenshot.

FOCUS und eBay sind automatisch generiert. Hatte ich eigentlich schon erwähnt, dass es doof ist, die Spiegelreflex rausholen zu müssen, um ‘Screenshots’ vom touch zu machen?

Verbesserungsvorschläge, Bugs und alles weitere bitte in die Kommentare.

[tags]iphone, ipod, ipod touch, apple-touch-icon, apple-touch-icon.png, favicon, fav-clip.com, fav-clip[/tags]