F12 | Inspect Element, Console

Ich habe den F12 Browser entwickelt, weil ich es satt hatte, mein Handy jedes Mal per Kabel an meinen PC anzuschließen, nur um kurz das Layout einer mobilen Anwendung oder einen API-Aufruf zu überprüfen.

Gleich vorweg: Dies ist ein Hobbyprojekt, das für schnelle Tests, zum Lernen und Ausprobieren gedacht ist. Es ist definitiv kein Ersatz für die Chrome-Entwicklertools auf dem Desktop oder für das Remote-Debugging im Job.

Einige Funktionen:

JS-Code direkt auf der Seite ausführen, um die Auswirkungen zu beobachten.

Im HTML-Baum navigieren, um Klassen, Stile und hervorgehobene Elemente anzuzeigen.

Live-Fetch- und XHR-Aufrufe beobachten, um Statuscodes zu überprüfen und JSON-Daten zu lesen.

Netzwerkanfragen öffnen, um Header und Abfrageparameter anzuzeigen.

Medienlinks wie Bilder oder Videostreams, die von der Seite geladen werden, anzeigen.

Konsolenprotokolle und Fehler überprüfen.

Wenn Sie Student sind, neugierig darauf, wie mobile Websites unter der Haube funktionieren, oder einfach nur einen schnellen Plausibilitätscheck einer API durchführen möchten, während Sie nicht an Ihrem Schreibtisch sitzen, hoffe ich, dass Sie es nützlich finden.