Frame-basierte Websites zeigen oft eher ihr Frameset-Layout als den Inhalt an.
Bildnachweis: vetkit/iStock/Getty Images
Der zugrunde liegende HTML-Code, der zum Erstellen einer Website verwendet wird, ist nicht versteckt, sondern für jeden mit den richtigen Tools leicht zugänglich. Webbrowser wie Firefox, Chrome, Safari, Opera und Internet Explorer haben beispielsweise mehrere Möglichkeiten, den HTML-, CSS- oder JavaScript-Code einer Website direkt anzuzeigen. Darüber hinaus können einige dedizierte Webentwickler-Tools eine Webseite aus dem Internet laden und öffnen, wie eine Datei, die auf einer lokalen Festplatte gespeichert ist.
Quelle im Browser anzeigen
Die Schritte, die zum Anzeigen des HTML-Codes einer Website erforderlich sind, sind für Firefox, Chrome, Safari, Opera und Internet Explorer im Wesentlichen gleich. Klicken Sie mit der rechten Maustaste auf einen Abschnitt einer Webseite, der nur Text enthält, und wählen Sie dann die Option "Quelle anzeigen" oder "Seitenquelle anzeigen". Abhängig von Ihrem Browser-Setup öffnet sich der HTML-Code in einem neuen Browser-Tab oder in einem separaten Anwendungsfenster.
Video des Tages
Quellcode auf Festplatte speichern
Wenn Sie den Code einer Website später überprüfen oder bearbeiten müssen, können Sie die Seite auf Ihrer Festplatte speichern. Wenn Sie in Firefox oder Safari mit der rechten Maustaste auf eine Webseite klicken, wird Ihnen die Option "Seite speichern unter" angeboten. Chrome und Opera haben die Option "Speichern unter". Um eine Webseite mit Internet Explorer zu speichern, klicken Sie auf „Extras“, „Datei“ und dann auf „Speichern unter“. Neben der Webseite Der Browser speichert selbst alle Bilder, CSS-Dateien und JavaScript, die die Seite verwendet, die lokal in seinem Web gespeichert sind Server.
Firefox, Chrome, Opera und Internet Explorer bieten jeweils einen Entwicklermodus, der es Ihnen ermöglicht, gleichzeitig eine gerenderte Webseite und deren HTML-, CSS- und JavaScript-Code anzuzeigen. Wenn Sie im Web auf ein Element klicken, wird dessen Code im Entwickleranzeigefeld angezeigt. Auf das Entwicklerpanel kann über die Optionen oder das Konfigurationstool zugegriffen werden. Safari verfügt zwar nicht über ein natives Entwicklertool, Sie können jedoch eines als Erweiterung installieren.
Anwendungen für Webentwickler
Website-Design-Tools wie Dreamweaver, Kompozer und Microsoft Expressions ermöglichen es Ihnen, eine Online-Webseite mit ihrer URL zu öffnen. Sie zeigen den HTML-Code in einer Nur-Quellcode-Ansicht oder einer geteilten, Vorschau- und Quellansicht an. Darüber hinaus können Sie den Code bearbeiten und die Änderungen in Echtzeit anzeigen. Der eigentliche Code, der auf dem Server der Website gespeichert ist, wird nie geändert.
Probleme, denen Sie begegnen können
Absichtlich oder unabsichtlich geben einige Websites ihren HTML-Code nicht so leicht auf. Einige Websites verwenden beispielsweise JavaScript-Code, der Rechtsklicks blockiert. Sie können den Quellcode weiterhin anzeigen, indem Sie die Seite auf Ihre Festplatte herunterladen oder JavaScript in Ihrem Browser deaktivieren. Andere Websites verwenden HTML-Frames oder Iframes, die Sie daran hindern, direkt auf ihre Quelle zuzugreifen. Firefox, Chrome, Safari und Opera erkennen Frame-basierte Websites und bieten Ihnen automatisch die Möglichkeit, den Quellcode eines Frames anzuzeigen. Wenn eine Webseite eine JavaScript- oder CSS-Datei verwendet, die in einer anderen Domain gespeichert ist, können Sie den Code dieser Datei direkt anzeigen, indem Sie Kopieren Sie die URL aus dem HTML-Code, auf den Sie zugreifen können, und fügen Sie sie dann in die Adressleiste eines neuen Browser-Tabs ein.
