https://wiki.stephanschlegel.de/index.php?action=history&feed=atom&title=Homepage_mit_iPhone_Homescreen_Icon
Homepage mit iPhone Homescreen Icon - Versionsgeschichte
2026-05-06T20:31:49Z
Versionsgeschichte dieser Seite in Wikizone
MediaWiki 1.35.14
https://wiki.stephanschlegel.de/index.php?title=Homepage_mit_iPhone_Homescreen_Icon&diff=20674&oldid=prev
37.49.33.84 am 30. Januar 2015 um 10:45 Uhr
2015-01-30T10:45:51Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 30. Januar 2015, 10:45 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Quickstart ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><pre></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><meta name="viewport" content="width=device-width", initial-scale=1.0, maximum-scale=1.0 /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><meta name="apple-mobile-web-app-capable" content="yes" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png" /> </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><link rel="apple-touch-icon" href="fileadmin/templates/media/apple-touch-icon.png"/></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></pre></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine richtige App.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine richtige App.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
37.49.33.84
https://wiki.stephanschlegel.de/index.php?title=Homepage_mit_iPhone_Homescreen_Icon&diff=18950&oldid=prev
178.10.28.180: Die Seite wurde neu angelegt: „Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine r…“
2011-12-14T10:57:52Z
<p>Die Seite wurde neu angelegt: „Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine r…“</p>
<p><b>Neue Seite</b></p><div>Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine richtige App.<br />
<br />
== WebApp-Feeling mit Apple Touch Icon für iPhone, iPad und Co ==<br />
Standardmäßig machen iOS Geräte einen Mini Screenshot der Seite und platzieren ihn auf dem Homescreen, wenn man dort eine Seite als Lesezeichen ablegt. Schicker ist es wenn man einen eigenen Button bastelt.<br />
<br />
Im Root Verzeichnis der Homepage muss der Button platziert werden:<br />
<br />
Name:<br />
<br />
apple-touch-icon.png <br />
<br />
hierbei berechnet das iPhone,iPad,... automatisch einen Glanzeffekt<br />
<br />
apple-touch-icon-precomposed.png<br />
<br />
ohne Glanzeffekt <br />
Format: png <br />
<br />
oder den Ort und den Namen selbst wählen und in der HTML Datei den Link folgendermaßen angeben:<br />
<br />
<link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" /> <br />
<br />
Hier spielt der Name keine Rolle<br />
<br />
Größe: 45x45, 57×57 Pixel oder 60×60 Pixel (schärfer) -> inzwischen 114x114 für die neuesten Devices (ipad2... Retina)<br />
<br />
oder den Ort und den Namen selbst wählen und in der HTML Datei den Link folgendermaßen angeben:<br />
<br />
<link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" /></div>
178.10.28.180