Quelltext anzeigen
Der Seitenquelltext zeigt das HTML, das ein Server geschickt hat, bevor JavaScript etwas daran ändert. Fügen Sie hier eine Adresse ein und drücken Sie die Schaltfläche: Die Seite wird serverseitig geholt und mit Syntaxhervorhebung, Zeilen- und Zeichenzahl zurückgegeben. https://example.com liefert 559 Zeichen auf 2 Zeilen, die Sie kopieren oder als example_com_source.html herunterladen können.
Beliebte Werkzeuge
Über Quelltext anzeigen
Dieses Werkzeug leistet dasselbe wie Seitenquelltext anzeigen im Browser, nur von einem Server aus statt von Ihrem Gerät. Tippen oder fügen Sie eine Adresse ein — https:// wird ergänzt, wenn Sie es weglassen —, drücken Sie die Schaltfläche, und die rohe Antwort kommt hervorgehoben zurück: Tags in einer Farbe, Attributnamen in einer zweiten, Werte in Anführungszeichen in einer dritten und Kommentare in Grau. Über dem Code stehen Zeilen- und Zeichenzahl sowie zwei Schaltflächen: Kopieren legt das ganze Dokument in die Zwischenablage, Herunterladen speichert es unter dem Hostnamen mit Punkten als Unterstrichen plus _source.html.
Weil der Abruf auf dem Server läuft, funktioniert er auf dem Handy, wo kein mobiler Browser ein Quelltextmenü anbietet, und er funktioniert, wenn eine Seite den Rechtsklick abgeschaltet hat, denn das ändert nichts an dem, was der Server sendet. Sie sehen das Dokument also genau so, wie ein Crawler es sieht, bevor irgendein Skript gelaufen ist.
Genau darin liegt der Unterschied. Der Quelltext ist das angekommene HTML; Element untersuchen in den Entwicklerwerkzeugen zeigt das lebende DOM, nachdem JavaScript Elemente hinzugefügt, verschoben und entfernt hat. Bei einer Single-Page-Anwendung ähneln sich beide überhaupt nicht — der Quelltext kann fast leer sein, während der Inspektor überquillt — und es ist der Quelltext, den eine Suchmaschine zuerst liest.
Die Grenzen sind Absicht. Anfragen sind auf 20 pro Minute gedeckelt, ein Abruf bricht nach 5 Sekunden ab, höchstens 5 Weiterleitungen werden verfolgt und jede Station neu geprüft, und eine Antwort über 1 MB wird mit einem entsprechenden Kommentar abgeschnitten. Nur http- und https-Adressen sind erlaubt; private und reservierte IP-Bereiche, localhost, interne Endungen wie .local und .internal, Cloud-Metadatenpunkte und eine Liste interner Ports werden abgelehnt. Seiten hinter einer Anmeldung lassen sich nicht lesen, denn die Anfrage trägt keine Ihrer Cookies.
Anwendungsfälle
Anleitung
Fügen Sie die Adresse der gewünschten Seite in das URL-Feld ein. https:// wegzulassen ist in Ordnung, es wird automatisch ergänzt.
Drücken Sie die Schaltfläche zum Anzeigen des Quelltexts. Sie zeigt einen Ladezustand, während der Server die Seite holt und dabei bis zu fünf Weiterleitungen folgt.
Lesen Sie das hervorgehobene HTML mit Tags, Attributnamen, Werten in Anführungszeichen und Kommentaren in verschiedenen Farben.
Prüfen Sie Zeilen- und Zeichenzahl über dem Code, um einzuschätzen, wie viel Markup der Server wirklich gesendet hat.
Drücken Sie Kopieren für den rohen Quelltext in der Zwischenablage oder Herunterladen, um ihn als Hostname plus _source.html zu speichern.
Vergleichen Sie mit Element untersuchen im Browser, wenn eine Seite leerer wirkt als erwartet: Der Unterschied ist alles, was JavaScript hinzufügt.
Profi-Tipps
- Das Protokoll ist optional. Tippen Sie example.com, und https:// wird ergänzt; antwortet eine Seite nur über http, schreiben Sie das Präfix http:// ausdrücklich davor.
- Das Adressfeld wird nach Weiterleitungen auf die endgültige URL gesetzt: Haben Sie eine nackte Domain angefragt und die www-Version bekommen, sagt Ihnen das Feld, woher der Quelltext wirklich stammt.
- Nehmen Sie Zeilen- und Zeichenzahl als ersten Hinweis. Eine Seite mit nur wenigen hundert Zeichen ist mit ziemlicher Sicherheit eine per JavaScript gerenderte Anwendung.
- Kopieren legt den rohen Quelltext in die Zwischenablage, nicht die eingefärbte Fassung — eingefügt in einen Editor erhalten Sie also gültiges HTML statt Markup voller Hervorhebungs-Spans.
- Über 1 MB wird das Dokument abgeschnitten und ein Trunkierungskommentar angehängt. Prüfen Sie die letzte Zeile, bevor Sie annehmen, einer Seite fehlten die schließenden Tags.
Fehlerbehebung
Der Quelltext ist fast leer, obwohl die Seite voller Inhalt ist.
Die Seite wird per JavaScript gerendert. Der Quelltext zeigt das vom Server gesendete HTML, und bei einer Single-Page-Anwendung ist das oft eine Hülle von wenigen hundert Zeichen. Alles Weitere entsteht im Browser — daher der Unterschied zum Inspektor, und daher sehen möglicherweise auch Crawler diesen Inhalt nicht.
Eine Meldung sagt, private oder interne Adressen seien nicht erlaubt.
Der Abruf läuft auf einem Server und verweigert deshalb alles, was ein internes Netz erreichen könnte: localhost, private und reservierte IP-Bereiche, Hostnamen auf .local, .internal, .lan oder .intranet, Cloud-Metadatenpunkte und eine Liste interner Ports. Nehmen Sie eine öffentlich erreichbare Adresse.
Es heißt, die Seite konnte nicht geholt werden oder die Website blockiere Anfragen.
Die Anfrage weist sich als FreeWebTools View Source Bot aus und gibt nach fünf Sekunden auf, eine langsame Seite oder eine Website, die unbekannte User-Agents blockt, scheitert also. Seiten hinter einer Anmeldung sind ebenfalls unerreichbar, weil Ihre Cookies nicht mitgehen. Versuchen Sie es erneut oder nutzen Sie den Quelltext des Browsers, solange Sie angemeldet sind.
Häufig gestellte Fragen
Es zeigt das HTML-Dokument, das ein Webserver für eine Seite geschickt hat, bevor JavaScript lief. Genau das liest ein Crawler zuerst, dort stehen also Titel, Meta-Tags, Canonical-Links und serverseitig gerenderter Inhalt. Fügen Sie hier eine Adresse ein, und der Quelltext kommt hervorgehoben zurück, mit Zeilen- und Zeichenzahl darüber.
Der Quelltext ist das HTML, das vom Server kam; Element untersuchen zeigt das lebende DOM, nachdem Skripte es verändert haben. Auf einer JavaScript-lastigen Seite kann der Quelltext eine fast leere Hülle sein, während der Inspektor voller Elemente steckt. Nehmen Sie den Quelltext für die Crawler-Sicht und den Inspektor für die Besuchersicht.
Mobile Browser haben kein Quelltextmenü — genau dafür gibt es diese Seite: Adresse einfügen, Schaltfläche drücken, HTML auf dem Telefon lesen. Sie umgeht außerdem den Trick mit dem Präfix view-source:, den die meisten mobilen Browser gar nicht erst öffnen.
Drücken Sie Strg+U unter Windows und Linux oder Befehl+Wahl+U auf dem Mac, oder klicken Sie mit der rechten Maustaste und wählen Seitenquelltext anzeigen. Beides öffnet einen view-source:-Tab. Ist die Tastenkombination nicht verfügbar oder das Kontextmenü abgeschaltet, holen Sie die Adresse stattdessen hier.
Strg+U in Chrome, Firefox und Edge unter Windows und Linux; Befehl+Wahl+U in Chrome auf dem Mac; Befehl+Wahl+U in Safari, sobald die Funktionen für Webentwickler in den Einstellungen aktiviert sind. Auf dem Telefon gibt es gar keine Tastenkombination, weshalb ein serverseitiges Werkzeug die praktische Antwort ist.
Ja. Das Sperren des Kontextmenüs ist ein Seitenskript und ändert nichts am HTML, das der Server sendet. Die Tastenkombination funktioniert meist weiterhin, und ein Abruf über diese Seite umgeht die Frage vollständig, weil die Anfrage gar nicht durch Ihre Browsermenüs läuft.
Das HTML zu lesen, das ein öffentlicher Server freiwillig an jeden Besucher schickt, ist gewöhnliche Nutzung des Webs, und jeder Browser bringt die Funktion mit. Was Sie mit dem Gefundenen anfangen, ist eine andere Frage, geregelt durch Urheberrecht und die Bedingungen der jeweiligen Seite. Dieses Werkzeug holt nur öffentlich erreichbare Seiten.
Die Anfrage stellt ein Server ohne jede Sitzung von Ihnen: Sie trägt keines Ihrer Cookies, eine geschützte Seite liefert also die Anmeldemaske oder einen Fehler statt Ihres Inhalts. Für alles hinter einer Anmeldung nutzen Sie den Quelltext Ihres Browsers, solange Sie eingeloggt sind.
Ja, ein Megabyte. Alles darüber wird abgeschnitten und ein Kommentar zur Trunkierung angehängt; prüfen Sie also die letzte Zeile, bevor Sie ein Dokument für fehlerhaft halten. Anfragen sind zudem auf 20 pro Minute begrenzt, und jeder Abruf gibt nach fünf Sekunden auf.
Auf zwei Wegen. Kopieren legt den rohen Quelltext, nicht das eingefärbte Markup, in die Zwischenablage. Herunterladen speichert es unter einem Namen aus dem Host mit Unterstrichen statt Punkten — aus example.com wird example_com_source.html —, den Sie dann im Editor öffnen können.