Warning: Undefined array key 1 in /www/htdocs/w017d14c/docs.cicerocms.de/include/classes/Template/Renderer.inc.php on line 467

Warning: Attempt to read property "iso" on null in /www/htdocs/w017d14c/docs.cicerocms.de/include/classes/Template/Renderer.inc.php on line 467
Web App Manifest

Web App Manifest

Ein Web App Manifest ist eine einfache JSON-Datei, die dem Browser mitteilt, wie sich deine Webseite verhalten soll, wenn sie als App auf einem Gerät (Smartphone oder Desktop) installiert wird.

Es ist das Herzstück einer PWA (Progressive Web App). Ohne diese Datei weiß das Betriebssystem nicht, welches Icon es auf dem Home-Bildschirm anzeigen soll oder ob die App im Vollbildmodus starten darf.

Was steht in dieser Datei?

In der Datei (meist manifest.json genannt) definierst du die Identität deiner App. Hier sind die wichtigsten Eigenschaften:

  • name / short_name
    Der vollständige Name und die Kurzform für das Icon auf dem Home-Bildschirm.
  • icons
    Eine Liste von Bildern in verschiedenen Größen (z. B. 192x192 und 512x512 Pixel), damit das App-Logo überall scharf aussieht.
  • start_url
    Welche Seite soll geladen werden, wenn der Nutzer auf das Icon tippt? (Meistens die index.html).
  • display
    Hier legst du fest, wie die App aussieht:
    • standalone
      Sieht aus wie eine echte App (ohne Adresszeile des Browsers).
    • fullscreen
      Nutzt den gesamten Bildschirm.
    • browser
      Verhält sich wie ein normaler Tab.
    • background_color & theme_color
      Die Hintergrundfarbe beim Starten und die Farbe der Statusleiste oben.

Warum ist das wichtig?

Früher waren Webseiten nur "Lesezeichen". Mit einem Manifest:

Installation: Nutzer können "Zum Startbildschirm hinzufügen" wählen.
Branding: Du bestimmst das Logo und die Farben, die beim Laden (Splash Screen) erscheinen.
Benutzererfahrung: Die App fühlt sich "echt" an, da die Browser-Steuerelemente (Zurück-Button, URL-Leiste) verschwinden.

Damit ein Web App Manifest funktioniert, muss deine Seite zwingend über HTTPS verschlüsselt sein.

Seitenabschnitte