6,622
edits
Changes
no edit summary
Deine Datei muss eine PNG Datei mit transparenten transparentem Hintergrund sein , mit einer Auflösung von 1024 x 1024 Pixel. Das Bildmotiv sollte aber auch bei einer Auflösung von 50 x 50 px noch gut zu erkennen sein.
# Wandele die Icon-Datei mit einem Online-Tool in die Icon -Formate um - [https://makeappicon.com/ www.makeappicon.com]
# Kopiere den ios Ordner auf deinem Webspace zu der skatch und index Datei
# Füge den mobile-web-app-capable code in die Datei index.html ein - siehe unten!
<br>
== Index-HTML-Datei ==
Beispiel für eine '''index.html''' Datei:
<pre>
<!DOCTYPE html>
<htmllang="en"> <head> <title>Mein-TitelmyTitle</title> <meta http-equiv="expires" content="0"> <link rel="manifest" href="manifest.json" /> <meta name="viewport" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0> <style> body { padding: 0; margin: 0; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.minjs/1.1.9/p5.js"></script> <script src="addonshttps:/p5/cdnjs.domcloudflare.mincom/ajax/libs/p5.js"></script> <script src="1.1.9/addons/p5.sound.min.js"></script> <script src="sketchhttps://cdn.pubnub.com/sdk/javascript/pubnub.4.28.0.js"></script> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <link rel="apple-touch-startup-image" href="AppIcon/Icon-App-60x60@3x.png"> <link rel="apple-touch-icon" href="AppIcon/Icon-App-60x60@2x.png" /> <link rel="apple-touch-icon" sizes="180x180" href="AppIcon/Icon-App-60x60@3x.png" /> <link rel="apple-touch-icon" sizes="76x76" href="AppIcon/Icon-App-76x76@1x.png" /> <link rel="apple-touch-icon" sizes="152x152" href="AppIcon/Icon-App-76x76@2x.png" /> <link rel="apple-touch-icon" sizes="58x58" href="AppIcon/Icon-App-29x29@2x.png" /> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" type="text/headcss" href="style.css"> <body stylemeta charset="backgroundutf-color:#FAFAFA;8"/> </head> <body> <script src="sketch.js"></script></body> </html>
</pre>
== Manifest ==
manifest.json
