Den Quellcode einer Webseite zu sehen, war in den 90ern ein Standard-Lernweg für angehende Webentwickler. Auch 2026 ist es ein nützliches Werkzeug – für Analyse, Lernen, Debugging oder einfach Neugier.
Quellcode in Desktop-Browsern
- Chrome / Edge: Strg + U (Mac: Cmd + Option + U) öffnet den HTML-Quellcode in neuem Tab. Strg + Shift + I öffnet die DevTools mit interaktivem Inspektor.
- Firefox: Strg + U für Quellcode, Strg + Shift + I für DevTools.
- Safari: Erst Entwickler-Menü aktivieren (Einstellungen → Erweitert → "Menü Entwickler" anzeigen), dann Cmd + Option + U.
- Brave / Opera / Vivaldi: gleich wie Chrome.
Quellcode auf dem Smartphone
- iPhone Safari: URL-Bar → "view-source:" vor die URL setzen (z. B. view-source:example.com).
- Android Chrome: URL → "view-source:" davor setzen.
- Firefox Mobile: gleicher Trick mit view-source: Präfix.
- Spezialisierte Apps: Inspect Browser (iOS), eruda (per Bookmarklet auf jedes Gerät).
DevTools statt Quellcode
Der reine Quellcode zeigt das HTML, das vom Server geliefert wurde. Bei modernen Webseiten passiert aber viel zur Laufzeit per JavaScript. Wer den tatsächlichen, gerenderten Zustand sehen will, nutzt DevTools (Element-Inspektor):
- Element-Inspektor: zeigt aktuelles DOM, inklusive JavaScript-Änderungen.
- Console: JavaScript-Befehle ausführen, Logs sehen.
- Network: alle geladenen Ressourcen mit Größe und Ladezeit.
- Performance: Profiling der Seitenaktivität.
- Application: Cookies, Local Storage, Cache.
Sinnvolle Anwendungen
- SEO-Analyse: Welche Meta-Tags, strukturierten Daten, Headings sind gesetzt?
- Debugging: Warum wird ein Element nicht angezeigt? Wo kommt der Fehler her?
- Lernen: Wie hat eine andere Website ein bestimmtes Layout umgesetzt?
- Wettbewerbs-Recherche: Welche Tools nutzt eine Konkurrenz-Site (Tracker, Frameworks)?
- Accessibility-Check: Sind Alt-Texte, ARIA-Attribute, Heading-Struktur sauber?
Was nicht möglich ist
Backend-Code (PHP, Node.js, Datenbank-Abfragen) kann nicht eingesehen werden – der läuft auf dem Server. Auch CSS und JavaScript können verschleiert (minifiziert/obfuskiert) sein, bleiben aber technisch immer im Browser sichtbar.