Der Browser in Aktion (+ DevTools)
Ein Browser ist ein Programm, das HTML/CSS/JS-Dateien von einem Server abruft und sie in eine sichtbare, interaktive Seite umwandelt; DevTools (F12) ist sein internes „Röntgenbild“ – es zeigt jede Anfrage und jeden Fehler. Warum: Bei der Frontend-Arbeit (Phase 9) ist der Browser Ihre Bühne, und F12 ist das leistungsstärkste kostenlose Debugging-Tool, das Sie jemals benötigen werden – die eigenen www-Dateien Ihrer App (Capacitor) sind buchstäblich eine Browser-Ebene. Wann: „Die Seite ist leer“, „Der Button funktioniert nicht“, „Die Daten sind nicht angekommen“, „Es ist langsam“ – jede dieser Diagnosen beginnt bei F12. Wie: URL → DNS (Lektion 2) → HTTPS + GET (Lektion 3) → empfängt HTML → während des Lesens stößt es auf CSS/JS/Bilder und sendet NEUE Anfragen für jedes → rendert die Seite → JS erweckt sie zum Leben. Wo: Chrome/Edge/Firefox auf Ihrem PC; WebView auf Android (ein Browser ohne Adressleiste, innerhalb Ihrer APK). Wer: Frontend-Entwickler den ganzen Tag; aber auch Backend-Entwickler überprüfen ihre eigene API über F12 → Netzwerk.