Web-App?
Hallo!
Ich habe die Google Übersetzer Website und eine andere Website zu meinem Startbildschirm hinzugefügt. Bei Google Übersetzer wird das ganze geöffnet wie eine App und in der Appübersicht wird Web-App angezeigt. Die andere Website wird einfach in Chrome geöffnet und in der Appübersicht steht Chrome.
Meine Frage ist, wie schaffe ich es meine Website auch so zu einer Web-App zu machen?
1 Antwort
Indem du eine Manifest zu der Website hinzufügst müsste das gehen. Im Head Bereich jeder Html Antwort der Seite muss sich folgender Tag befinden:
<link rel="manifest" href="manifest.json" />
Dieser Tag gibt an das sich das Manifest der Website unter dem Pfad /manifest.json befindet (du kannst das natürlich auch ändern).
Unter dem im Tag angegebenen Pfad muss sich die Manifest dann auch befinden. Ein Beispiel für solch eine Manifest sieht so aus:
{
"name": "WebApp",
"short_name": "WebApp",
"start_url": ".",
"display": "standalone",
"background_color": "#fff",
"description": "Eine WebApp.",
"icons": [
{
"src": "favicon48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "favicon72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "favicon96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "favicon144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "favicon168.png",
"sizes": "168x168",
"type": "image/png"
},
{
"src": "favicon192.png",
"sizes": "192x192",
"type": "image/png"
}
]
}
Mehr dazu oder was für Features eine Manifest noch bietet gibt es hier.