Taschenlampen-App im Browser

Hier startest du die Taschenlampen-App und kannst sie dir auch "installieren" (als PWA, Progressive Web App) auf deinem Handy. Ich habe es allerdings nur in Chrome unter Android getestet.

Warum eine Taschenlampen-App?

Für einen Ausflug wollte ich mir eine kleine Taschenlamp über den Bildschirm des Handys zum Lesen "mitnehmen". Jede Android-App wollte aber Werbung installieren - also kurz überlegt, ob das nicht schnell mit Claude funktioniert.
Die erste Version hat schon direkt alles getan, was sie sollte - nur die Helligkeit des Displays selbst musste man noch auf Maximum stellen. Interessant war die Möglichkeit, dass die App die Bildschirmsperre deaktiviert (siehe im Code die Zeilen zum Wake-Lock).
Leider funktioniert sie nicht wie gewollt im Flugmodus bzw. Offline - also wurde es doch wieder etwas länger als "nur mal kurz..."

Service Worker

Zunächst schlug Claude vor, einen Service Worker (genauer PWA - Progressive Web App) zu installieren, der die App auch offline verfügbar macht. Allerdings hätten dazu zwei weitere Dateien erstellt werden müssen (Manifest und Service Worker selbst) - und die App hätte dann auch noch eine "Installieren"-Funktion bekommen. Ich wollte das Projekt aber klein halten und habe mich daher zunächst (sic) entschieden, die App einfach nur als HTML-Datei zu belassen.

Sicherheit auf Android

Es hat dann doch ein bisschen gedauert, bis ich herausgefunden habe, dass Browser auf Android (vermutlich alle) keinen direkten Zugriff mehr auf das Dateisystem zulassen. Daher gibt es nun doch die Service-Worker-Variante, die die App offline verfügbar macht - im Zweifel auch ohne Einfluß durch den Nutzer!. In der App muss die Installation aber von Hand über einen Button angestossen werden. Bin mal gespannt, ob es da noch weitere Stolperfallen gibt.
Prompt will ich jemandem die App zeigen, da erscheint beim installieren die Meldung "Startbildschirm-Layout gesperrt" - und die App lässt sich nicht installieren 😉

Link zum Prüfen der Service Worker

In Chrome kann man unter chrome://serviceworker-internals 📋 prüfen, ob der Service Worker korrekt installiert wurde. In Firefox gibt es unter about:serviceworkers 📋 eine ähnliche Übersicht. Leider müssen beide URLs von Hand eingegeben werden. Dabei findet man dann auch mal heraus, welche anderen URLs auch noch solche service-worker installiert haben.

Download - php für die erste reine html-Version

⬇ App bzw. html-Datei herunterladen

Die App enthält keine Tracker, keine Werbung und braucht nach der Installation keine Internetverbindung mehr.

TODO

Irgendwas bleibt dann doch immer noch zu tun ... Ich habe jetzt doch ein paar Tage auch nach dem Ausflug noch daran gebastelt.

• Im Firefox ist der Schieberegler für die Helligkeit nicht zu erkennen.
• Der Installationshinweis auf der Seite selbst sollte angepasst werden
• Kann man die Display-Helligkeit des Handys von der App aus kontrollieren? Nein

Notizen

Notizen findet man im README.md