harvis
web app

Installiere harvis.dev als App

harvis.dev liefert ein Web-Manifest mit, also kann dein Browser es wie jede andere App installieren — eigenes Fenster, eigenes Icon im Dock oder auf dem Homescreen. Kein App Store, kein Installer, keine Berechtigungen.

why bother

Was sich durch die Installation ändert

  • Ein eigenes Fenster

    Keine Tabs, keine Adressleiste. Der Uploader und dein Dashboard öffnen sich in einem aufgeräumten, eigenständigen Fenster mit eigenem Platz im App-Switcher.

  • Ein Tipp zum Veröffentlichen

    Ein Icon im Dock, in der Taskleiste oder auf dem Homescreen. Öffnen, Ordner hineinziehen — die Seite ist live, bevor sich das Fenster gesetzt hat.

  • Nichts zum Herunterladen

    Es ist dieselbe Seite, die du gerade liest — die Installation fügt nur Icon und Fenster hinzu. Kein Paket, kein Store-Konto, keine Hintergrund-Updates zum Bestätigen.

So installierst du

Wähl den Browser, in dem du das hier liest. Jeder Weg endet gleich: harvis.dev steht neben deinen nativen Apps.

Chrome, Edge oder Brave am Desktop

  1. 01Schau ans rechte Ende der Adressleiste — dort sitzt das Installieren-Symbol, ein kleiner Monitor mit Pfeil nach unten.
  2. 02Kein Symbol? Öffne das Browsermenü und wähl „Seite als App installieren“ (in Edge unter Apps → Diese Website als App installieren).
  3. 03Bestätigen — harvis.dev öffnet sich in einem eigenen Fenster und taucht in deinem App-Starter auf.

Chrome unter Android

  1. 01Tipp oben rechts auf das ⋮-Menü.
  2. 02Wähl „Zum Startbildschirm zufügen“ und dann „Installieren“.
  3. 03Das Icon landet auf dem Homescreen und öffnet sich ganz ohne Browser-Rahmen.

Safari auf iPhone und iPad

  1. 01Tipp auf „Teilen“ — das Quadrat mit dem Pfeil nach oben.
  2. 02Scroll im Menü nach unten, tipp auf „Zum Home-Bildschirm“ und dann auf „Hinzufügen“.
  3. 03iOS liest dasselbe Manifest, zeigt aber nie eine Abfrage — das ist der einzige Weg.

Safari am Mac

  1. 01Öffne harvis.dev in einem normalen Tab.
  2. 02Wähl in der Menüleiste Ablage → Zum Dock hinzufügen, gib einen Namen ein und klick auf Hinzufügen.
  3. 03Braucht macOS Sonoma oder neuer — ältere Safari-Versionen können keine Web-Apps installieren.

Firefox am Desktop hat die Web-App-Installation abgeschafft, ein Lesezeichen kommt dem am nächsten. Firefox unter Android hat „Zum Startbildschirm zufügen“ weiterhin im Menü.

Was im Manifest steht

Die ganze Installation hängt an einer Datei, ausgeliefert unter /site.webmanifest. Browser lesen daraus, wie die App heißt, welches Icon sie nimmt und wie sich das Fenster öffnen soll.

site.webmanifest
{
  "name": "harvis.dev",
  "short_name": "harvis.dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#13161a",
  "theme_color": "#13161a",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ]
}

„standalone“ ist das Feld, das den Browser-Rahmen entfernt; das maskable Icon ist das, was Android in seine eigene Form schneidet.

Mach deine eigene Seite installierbar

Alles, was du auf harvis.dev veröffentlichst, lässt sich genauso installieren. Leg eine manifest.json neben deine index.html, verlink sie im head und pack ein 192-px- und ein 512-px-Icon dazu — mehr braucht es nicht.

html
<!-- index.html -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#13161a">

Browser bestehen außerdem auf HTTPS, bevor sie eine Installation anbieten. Jede harvis.dev-Adresse läuft ohnehin über HTTPS, du musst also nichts einrichten.

Seite veröffentlichenAlle Downloads