Mit jedem großen Internetbrowser können Benutzer den HTML-Quellcode jeder besuchten Webseite anzeigen. Die folgenden Abschnitte enthalten Informationen zu den verschiedenen Möglichkeiten, den Quellcode in jedem der wichtigsten Browser anzuzeigen. Um fortzufahren, wählen Sie einen Eintrag aus der Liste unten und Folgen Sie den Anweisungen.
Einführende Informationen
Beim Anzeigen des Quellcodes einer Webseite werden die vom Server verarbeiteten Informationen und der Code nicht angezeigt., Beispielsweise verarbeitet eine Suchmaschine Informationen auf einem Server und zeigt dann die Ergebnisse auf einer Webseite an. Mit anderen Worten, Sie können den Code anzeigen, aus dem die Ergebnisseite besteht, aber Sie können den Quellcode der Suchmaschine nicht anzeigen.
Diese Regel gilt für alle serverseitigen Skripte, SSI und Programmiercode. Daher können Sie keinen vollständigen Quellcode anzeigen, der in Suchmaschinen, Foren, Umfragen, Chats usw. verwendet wird. Außerdem kann das Kopieren der Informationen aus dem Quellcode Fehler verursachen oder Sie zurück zu der Seite leiten, von der Sie die Informationen kopiert haben.,
Google Chrome
Verwenden Sie eine der folgenden Methoden, um den Quellcode einer Webseite in Google Chrome anzuzeigen.
Nur Quellcode anzeigen
Methode eins
Um nur den Quellcode anzuzeigen, drücken Sie Strg+U auf der Tastatur Ihres Computers.
Methode zwei
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Seitenquelle anzeigen aus dem angezeigten Popup-Menü.
Seitenquelle mit Elementen anzeigen
- Öffnen Sie Chrome und navigieren Sie zu der Webseite, deren Quellcode Sie anzeigen möchten.,
- Klicken Sie auf das Anpassen und Steuern von Google Chrome
Symbol in der oberen rechten Ecke des browser-Fenster. - Wählen Sie im angezeigten Dropdown-Menü Weitere Tools und dann Entwicklertools aus.
- Klicken Sie auf die Registerkarte Elemente in der oberen linken Ecke des neuen Abschnitts, der am unteren Bildschirmrand angezeigt wird.
Durch Drücken von F12 oder Strg+Umschalt+I wird auch das interaktive Entwicklertool aufgerufen., Dieses Tool bietet viel mehr Interaktion mit dem Quellcode und CSS-Einstellungen, so dass Benutzer sehen, wie Änderungen im Code auf die Webseite sofort.
Mozilla Firefox
Um den Quellcode einer Webseite in Mozilla Firefox anzuzeigen, verwenden Sie eine der folgenden Methoden.
Nur Quellcode anzeigen
Methode eins
Um nur den Quellcode anzuzeigen, drücken Sie Strg+U auf der Tastatur Ihres Computers.
Methode zwei
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Seitenquelle anzeigen aus dem angezeigten Popup-Menü.,
Seitenquelle mit Elementen anzeigen
- Öffnen Sie Firefox und navigieren Sie zu der Webseite, deren Quellcode Sie anzeigen möchten.
- Klicken Sie auf das Menü –
Symbol in der oberen rechten Ecke des Bildschirms. - Wählen Sie Web Developer im Dropdown-Menü und dann Toggle Tools aus dem erweiterten Menü.
- Klicken Sie auf die Registerkarte Inspektor in der oberen linken Ecke des Abschnitts, der am unteren Bildschirmrand angezeigt wird.,
Wenn Sie in Firefox F12 oder Strg+Umschalt+I drücken, wird auch das interaktive Entwicklertool angezeigt. Dieses Tool bietet Interaktion mit dem Quellcode und CSS-Einstellungen, so dass Benutzer sehen, wie Änderungen im Code auf die Webseite in Echtzeit.
Einen Abschnitt des Quellcodes der Seite anzeigen
- Markieren Sie den Teil einer Webseite, für den Sie den Quellcode anzeigen möchten.
- Klicken Sie mit der rechten Maustaste auf den markierten Abschnitt und wählen Sie Auswahlquelle anzeigen.,
Mit dem Firebug-Add-On können Sie den Quellcode einer Seite anzeigen und bearbeiten und die Änderungen live über den Browser anzeigen.
Microsoft Edge
Um den Quellcode einer Webseite in Microsoft Edge anzuzeigen, verwenden Sie eine der folgenden Methoden.
Nur Quellcode anzeigen
Methode eins
Um nur den Quellcode anzuzeigen, drücken Sie Strg+U auf der Tastatur Ihres Computers.
Methode zwei
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Seitenquelle anzeigen aus dem angezeigten Popup-Menü.,
Seitenquelle mit Elementen anzeigen
- Öffnen Sie Microsoft Edge und navigieren Sie zu der Webseite, deren Quellcode Sie anzeigen möchten.
- Klicken Sie auf das Symbol Einstellungen und mehr
in der oberen rechten Ecke des Bildschirms. - Bewegen Sie die Maus über Weitere Werkzeuge im Dropdown-Menü und wählen Sie Entwicklerwerkzeuge aus dem erweiterten Menü.
- Klicken Sie auf die Registerkarte Elemente oben im Fenster, das auf der rechten Seite des Bildschirms angezeigt wird.,
Wenn Sie in Microsoft Edge F12 oder Strg+Umschalt+I drücken, wird auch das interaktive Entwicklertool angezeigt. Dieses Tool bietet Interaktion mit dem Quellcode und CSS-Einstellungen, so dass Benutzer sehen, wie Änderungen im Code auf die Webseite in Echtzeit.
Microsoft Internet Explorer
Verwenden Sie eine der folgenden Methoden, um den Quellcode einer Webseite in Microsoft Internet Explorer anzuzeigen.,
Nur Quellcode anzeigen
Methode eins
Um nur den Quellcode anzuzeigen, drücken Sie Strg+U auf der Tastatur Ihres Computers.
Methode zwei
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Quelle anzeigen aus dem angezeigten Popup-Menü.
Seitenquelle mit Elementen anzeigen
- Öffnen Sie den Internet Explorer und navigieren Sie zu der Webseite, deren Quellcode Sie anzeigen möchten.
- Klicken Sie oben rechts auf Extras
. - Wählen Sie F12 Developer Tools aus dem Dropdown-Menü.,
- Klicken Sie oben links im Menü Entwicklertools auf die Registerkarte DOM Explorer.
Wenn Sie im Internet Explorer F12 drücken, wird das DOM-Tool angezeigt. Dieses Tool bietet Interaktion mit dem Quellcode und CSS-Einstellungen, so dass Benutzer sehen, wie Änderungen im Code auf die Webseite sofort.
Safari
Wenn Sie in Safari den Quellcode einer Webseite anzeigen, müssen Sie die Entwickleroptionen aktivieren., Die folgenden Abschnitte zeigen Ihnen, wie Sie diese Funktion aktivieren und dann den Quellcode einer Webseite anzeigen.
Zugriff auf Entwickleroptionen in Safari
- Öffnen Sie den Safari-Browser.
- Wählen Sie
aus der Menüleiste oben links auf dem Bildschirm. - Wählen Sie im angezeigten Dropdown-Menü Einstellungen aus.
- Klicken Sie auf die Registerkarte Erweitert und aktivieren Sie das Kontrollkästchen neben Entwicklungsmenü in der Menüleiste anzeigen.,
- Sie sollten nun die Entwicklungsauswahl in der Apple-Menüleiste oben auf dem Bildschirm sehen.
Anzeigen des Quellcodes
Für die folgenden Schritte müssen die Entwickleroptionen aktiviert sein.
Methode eins
- Öffnen Sie Safari und navigieren Sie durch die Webseite, deren Quellcode Sie anzeigen möchten.
- Klicken Sie in der Apple-Menüleiste oben auf dem Bildschirm auf den Selektor entwickeln und wählen Sie Seitenquelle anzeigen aus dem Dropdown-Menü.,
- Klicken Sie in der Mitte des Bildschirms oben im Abschnitt Entwicklertools auf die Registerkarte Elemente.
Methode 2
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Seitenquelle anzeigen aus dem angezeigten Popup-Menü.
Sobald die Entwickleroptionen aktiviert sind, können Sie auch Befehl+option+U drücken, um den Quellcode einer Seite anzuzeigen.
Opera
Um den Quellcode einer Webseite in Opera anzuzeigen, verwenden Sie eine der folgenden Methoden.,
Nur Quellcode anzeigen
Methode eins
Um nur den Quellcode anzuzeigen, drücken Sie Strg+U auf der Tastatur Ihres Computers.
Methode zwei
Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Webseite und wählen Sie Seitenquelle aus dem angezeigten Popup-Menü.
Seitenquelle mit Elementen anzeigen
- Öffnen Sie Opera und navigieren Sie auf der Webseite, deren Quellcode Sie anzeigen möchten.
- Klicken Sie auf das Opera
– Symbol in der oberen linken Ecke des browser-Fenster., - Bewegen Sie die Maus über Entwickler im Dropdown-Menü und wählen Sie Entwicklertools aus dem erweiterten Menü.
- Klicken Sie auf die Registerkarte Elemente oben im Fenster, das auf der rechten Seite des Bildschirms angezeigt wird.
Wenn Sie das Untermenü Entwickler nicht sehen, wählen Sie Weitere Tools → Entwicklermenü anzeigen. Klicken Sie dann erneut auf die Menüschaltfläche . Sie sollten jetzt den Entwicklereintrag aufgelistet sehen.
Durch Drücken von F12 oder Strg+Umschalt+I in Opera wird auch das interaktive Entwicklertool angezeigt., Dieses Tool bietet Interaktion mit dem Quellcode und CSS-Einstellungen, so dass Benutzer sehen, wie Änderungen im Code auf die Webseite in Echtzeit.
Android-Handy oder Tablet mit Chrome
- Öffnen Sie den Google Chrome-Browser auf Ihrem Android-Handy oder Tablet.
- Öffnen Sie die Webseite, deren Quellcode Sie anzeigen möchten.
- Tippen Sie einmal in die Adressleiste und bewegen Sie den Cursor an die Vorderseite der URL.
- Geben Sie view-source: ein und tippen Sie auf Enter oder Go.,
Um beispielsweise den Code für unsere Homepage anzuzeigen, geben Sie view-source:https://www.computerhope.com
Wenn die obigen Schritte auf Ihrem Android-Telefon nicht funktionieren, verwenden Sie die Methode im Abschnitt iPhone oder iPad mit Safari. Der gleiche Code funktioniert auf Android-Handys, die einzigen Unterschiede sind Chrome anstelle von Safari verwenden, und der Prozess ein Lesezeichen zu erstellen und zu bearbeiten.
- So erstellen Sie einen Internetfavoriten oder ein Lesezeichen.
- So löschen und organisieren Sie Internetfavoriten und Lesezeichen.,
Wenn Sie Schwierigkeiten haben, den Quellcode auf Ihrem Mobilgerät mit der obigen Methode zu navigieren, möchten Sie möglicherweise auch ein Online-Tool in Betracht ziehen.
iPhone oder iPad mit Safari
Das Anzeigen des Quellcodes einer Webseite auf einem iPhone oder iPad erfordert etwas mehr Arbeit, ist jedoch möglich. Für den Vorgang müssen Sie ein Lesezeichen erstellen, ihm JavaScript-Code zuweisen und das Lesezeichen auf einer Webseite verwenden, um den Quellcode anzuzeigen.,
Wenn Sie eine App zum Anzeigen des Quellcodes einer Webseite verwenden möchten, können Sie die kostenlose View Source App aus dem iOS App Store herunterladen.
Erstellen Sie ein Lesezeichen, um den Quellcode anzuzeigen
- Öffnen Sie den Safari-Browser auf Ihrem iPhone oder iPad.
- Zugriff auf jede Webseite, wie www.computerhope.com.
- Tippen Sie auf das Symbol Mehr am unteren Bildschirmrand.
Sie können auch den Finger auf das Lesezeichen-Symbol am unteren Bildschirmrand halten, bis ein Menü erscheint.,
- Tippen Sie im sich öffnenden Menü auf die Option Lesezeichen hinzufügen.
- Tippen Sie im Feld Lesezeichenname auf das x auf der rechten Seite, um den aktuellen Namen zu löschen, und geben Sie als neuen Namen“ Quellcode der Webseite anzeigen “ ein.
- Tippen Sie oben rechts auf Speichern, um das Lesezeichen zu speichern.
- Kopieren Sie das gesamte JavaScript-Code-Snippet unten.
- Greifen Sie in Safari auf die Lesezeichen zu, indem Sie unten auf dem Bildschirm auf das Lesezeichen-Symbol tippen.,
- Suchen Sie das oben erstellte Lesezeichen und halten Sie dann den Finger auf das Lesezeichen, bis ein Menü am unteren Bildschirmrand geöffnet wird.
- Tippen Sie im Menü auf die Option Bearbeiten.
- Tippen Sie im Bildschirm Lesezeichen bearbeiten auf die URL und dann auf das x, um die URL zu löschen, und fügen Sie den JavaScript-Code aus Schritt 7 in das URL-Feld ein.
- Tippen Sie unten rechts auf dem Bildschirm auf Fertig, um die Änderungen am Lesezeichen zu speichern.,
Verwenden Sie ein Lesezeichen, um den Quellcode anzuzeigen
Nachdem Sie das Lesezeichen oben erstellt haben, können Sie jetzt den Quellcode für eine Webseite anzeigen.
- Rufen Sie in Safari die Webseite auf, auf der Sie den Quellcode anzeigen möchten.
- Tippen Sie auf das Lesezeichen-Symbol am unteren Bildschirmrand.
- Tippen Sie auf das von Ihnen erstellte Lesezeichen für den Quellcode der Webseite anzeigen.
Es öffnet sich ein neuer Safari-Browser-Tab, auf dem der Quellcode für die Webseite angezeigt wird.,
Wenn Sie Schwierigkeiten haben, den Quellcode auf Ihrem Mobilgerät mit der obigen Methode zu navigieren, möchten Sie möglicherweise auch ein Online-Tool verwenden.
So schließen Sie die Quellcodeseite oder das Tool
Sobald Sie den Quellcode auf einer Webseite angezeigt haben, möchten Sie ihn möglicherweise beenden oder schließen. Das Schließen des Quellcodes hängt von der Methode ab, mit der Sie ihn geöffnet haben.
- Wenn Sie die Strg+U-Methode (außer Edge) oder die Rechtsklick-Methode verwendet haben, schließen Sie die neue Registerkarte, die oben in Ihrem Browserfenster geöffnet wurde.,
- Wenn Sie die Entwicklermethode verwendet haben (mit F12 oder Strg+Umschalt+I), drücken Sie dieselben Tasten erneut oder klicken Sie auf das Symbol
in der oberen rechten Ecke des Werkzeugfensters.
Verwenden Sie ein Online-Tool, um den Quellcode anzuzeigen
Zusätzlich zur Verwendung eines Browsers gibt es mehrere Online-Tools, mit denen Sie den Quellcode einer beliebigen Webseite anzeigen können. Diese Tools können hilfreich sein, da die meisten den Code formatieren, stilisieren und hervorheben können, um das Lesen zu erleichtern., Nachfolgend finden Sie eine kurze Liste einiger dieser Tools:
- Seitenquelle anzeigen
- Code Verschönern Quellcode-Viewer
- HTML-Viewer