Aktualisiert am .
Mit „Seitenquelltext anzeigen“ siehst du das HTML-Dokument, das eine Webseite an deinen Browser liefert. „Untersuchen“ zeigt dagegen die aktuelle Seitenstruktur, die sich durch Skripte bereits verändert haben kann. Unter Windows öffnet Strg + U den Quelltext in gängigen Desktop-Browsern.
Quelltext oder „Untersuchen“: Was brauche ich?
| Ansicht | Was sie zeigt | Wofür sie hilft |
|---|---|---|
| Seitenquelltext | Das gelieferte HTML-Dokument | Titel, Meta-Beschreibung, Links oder Markierungen suchen |
| Untersuchen / Elements / Inspektor | Die aktuelle Dokumentstruktur und zugehörige Stile | Ein sichtbares Element und seine Gestaltung finden |
| Network / Sources | Geladene Dateien und Anfragen | Nachgeladene Skripte, Bilder oder Inhalte prüfen |
Die aktuelle Dokumentstruktur heißt auch DOM. Wenn eine Seite Inhalte erst mit JavaScript einfügt, müssen sie im ursprünglichen Quelltext nicht vorkommen. Suche dann in der Ansicht „Untersuchen“ oder bei den geladenen Ressourcen.
Quelltext in Chrome, Edge, Firefox oder Opera öffnen
Klicke mit der rechten Maustaste auf eine normale Stelle der Seite und suche nach „Seitenquelltext anzeigen“. Unter Windows kannst du meist Strg + U verwenden. Chrome nennt für den Mac Befehl + Wahltaste + U; die offizielle Tastenkürzel-Liste (Englisch) beschreibt weitere Kombinationen.
Falls eine Webseite den Rechtsklick abfängt, nutze das Browser-Menü oder das Tastenkürzel. Auf anderen Systemen und Tastaturen können die Kombinationen abweichen. Handy-Browser bieten häufig nicht dieselben Werkzeuge wie die Desktop-Version.
Ein bestimmtes Element untersuchen
- Öffne die Seite und suche etwa eine Überschrift, ein Bild oder eine Schaltfläche.
- Klicke mit der rechten Maustaste darauf und wähle „Untersuchen“.
- Sieh dir den ausgewählten Eintrag unter „Elements“ oder „Inspektor“ an.
- Klappe benachbarte Einträge auf, um den Aufbau zu verstehen.
- Prüfe daneben die CSS-Regeln, die das Aussehen bestimmen.
Chrome erklärt die Auswahlfunktion in seiner Anleitung zum Inspect-Modus (Englisch). Auch Edge (Englisch) und Firefox (Englisch) dokumentieren ihre Entwicklerwerkzeuge und Tastenkürzel.
F12 oder Strg + Umschalt + I öffnet diese Werkzeuge in vielen Windows-Browsern. Das hängt auch von Einstellungen und Tastatur ab. Das Werkzeugfenster muss nicht immer rechts oder unten angedockt sein.
Eine Stelle im HTML finden
Suche im Quelltext mit der Suchfunktion nach <title>, description oder einem Wort aus der Seite. In „Untersuchen“ führt dich die Elementauswahl direkt zu einem sichtbaren Bereich.
Änderungen im Inspektor betreffen normalerweise nur deine lokale Ansicht und verschwinden beim Neuladen. Sie veröffentlichen keine Änderung auf dem Server.
Was du damit nicht sehen kannst
Private Datenbanken, nicht ausgelieferte Dateien und serverseitiger PHP-Code werden dadurch nicht sichtbar. Die Werkzeuge geben auch keinen Zugang zu geschützten Konten und keine Erlaubnis, fremde Bilder oder Code beliebig weiterzuverwenden.
Wenn du eine Seite nur schneller öffnen möchtest, hilft stattdessen unsere Anleitung zu Webseiten-Verknüpfungen (Englisch).
Häufige Fragen
Was ist der Unterschied zwischen Quelltext und „Untersuchen“?
Der Quelltext zeigt das gelieferte HTML. „Untersuchen“ zeigt die aktuelle Struktur, nachdem Skripte sie möglicherweise verändert haben.
Wie öffne ich den Quelltext unter Windows?
Versuche Strg + U in einem gängigen Desktop-Browser oder nutze „Seitenquelltext anzeigen“ im verfügbaren Menü.
Ändere ich mit dem Inspektor die Webseite für alle?
Nein. Normale Änderungen dort wirken nur in deiner lokalen Ansicht und werden nicht auf dem Server gespeichert.
Kann ich so eine private Datenbank oder PHP-Dateien lesen?
Nein. Der Browser sieht nur die Inhalte und Ressourcen, die der Server tatsächlich an ihn ausliefert.