Die Seite laesst sich als App installieren

Das Manifest war lange vollstaendig -- die App LIESS sich
installieren. Nur bot das ausschliesslich der Browser an, versteckt
in seinem Dreipunktemenue. Wer es nicht sucht, findet es nie. Und
ohne installierte App gibt es auf dem Handy keine verlaesslichen
Benachrichtigungen; genau daran hing im September das Telefonieren.

Jetzt steht der Knopf in der Kopfleiste, auf allen Seiten, mit drei
Antworten statt einer:

  schon installiert -> gar kein Knopf
  Browser bietet an -> der Knopf fragt ihn
  Safari am iPhone  -> der Knopf erklaert den Weg

Der dritte Fall ist der gefaehrliche: Dort gibt es
beforeinstallprompt nicht und wird es nicht geben. Ein Knopf, der
am iPhone nichts tut, waere schlimmer als keiner -- man drueckt ihn
und sucht den Fehler bei sich.

pruef-installieren.mjs: 14 Pruefungen, alle drei Zustaende, mit
Gegenprobe in der installierten App.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-20 19:13:36 +02:00
co-authored by Claude Opus 5
parent 586eb51504
commit c4e26409b9
40 changed files with 883 additions and 505 deletions
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609201907" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609201907" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609201907" />
<link rel="stylesheet" href="assets/css/start.css?v=202609201907" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609201907" />
<link rel="stylesheet" href="assets/css/report.css?v=202609201907" />
<link rel="stylesheet" href="assets/css/module.css?v=202609201907" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609201909" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609201909" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/start.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/report.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/module.css?v=202609201909" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609201907" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609201909" />
</head>
<body class="start">
@@ -106,14 +106,14 @@
</main>
<script src="assets/js/meldung.js?v=202609201907" defer></script>
<script src="assets/js/nachfrage.js?v=202609201907" defer></script>␍
<script src="assets/js/meldung.js?v=202609201909" defer></script>
<script src="assets/js/nachfrage.js?v=202609201909" defer></script>␍
<script src="assets/js/ki.js?v=202609201907" defer></script>
<script src="assets/js/wahl.js?v=202609201907" defer></script>
<script src="assets/js/bereiche.js?v=202609201907" defer></script>
<script src="assets/js/kopf.js?v=202609201907" defer></script>
<script src="assets/js/glocke.js?v=202609201907" defer></script>
<script src="assets/js/report.js?v=202609201907" defer></script>
<script src="assets/js/ki.js?v=202609201909" defer></script>
<script src="assets/js/wahl.js?v=202609201909" defer></script>
<script src="assets/js/bereiche.js?v=202609201909" defer></script>
<script src="assets/js/kopf.js?v=202609201909" defer></script>
<script src="assets/js/glocke.js?v=202609201909" defer></script>
<script src="assets/js/report.js?v=202609201909" defer></script>
</body>
</html>