Wie man den HTML-Code für eine Website zu sehen

November 8

Wie man den HTML-Code für eine Website zu sehen

Der zugrunde liegenden HTML-Code verwendet, um eine Website zu bauen ist nicht versteckt, aber leicht zugänglich für jedermann mit die richtigen Werkzeuge. Z. B. Web-Browsern wie Firefox, Chrome, Safari, Opera und Internet Explorer haben mehrere Möglichkeiten, eine Website-HTML, CSS oder JavaScript-Code direkt angezeigt werden können. Darüber hinaus können einige dedizierte Web-Entwickler-Tools laden und öffnen Sie eine Webseite aus dem Internet wie eine Datei auf einer lokalen Festplatte gespeichert.

Quelltext im Browser anzeigen

Die erforderlichen Schritte zum finden Sie unter HTML-Code einer Website sind im Wesentlichen die gleichen für Firefox, Chrome, Safari, Opera und Internet Explorer. Mit der rechten Maustaste eines Bereich einer Webseite, die nur Text enthält, und wählen Sie dann die "View Source" oder "Seitenquelltext anzeigen" Option. Abhängig von Ihrem Browser-System öffnet der HTML-Code in einem neuen Browser-Tab oder in einem separaten Anwendungsfenster.

Source-Code auf dem Datenträger speichern

Benötigen Sie zu untersuchen oder eine Website-Code später bearbeiten, können Sie die Seite auf Ihrer Festplatte speichern. Bei Rechtsklick auf eine Web-Seite in Firefox oder Safari, wird Ihnen die Option angeboten "Seite speichern als." Chrome und Opera haben die Option "Speichern unter". Speichern einer Webseite mit Internet Explorer, klicken Sie "Extras", "Datei" und dann "Speichern unter." Neben der Web-Seite selbst der Browser speichert die Bilder, CSS-Dateien und JavaScript die Seite verwendet, die lokal auf einem Web-Server gespeichert sind.

Integrierte Browser-Entwickler-Tools

Firefox, Chrome, Opera und Internet Explorer bieten einen Entwicklermodus, der Sie gleichzeitig einen gerenderten Webseite und seiner HTML, CSS und JavaScript-Code anzeigen kann. Wenn Sie ein Element im Web klicken, wird im Anzeigefeld Entwickler seinen Code angezeigt. Entwickler-Panel kann über die Optionen oder Konfigurationstool zugegriffen werden. Während der Safari nicht native Entwicklerwerkzeug verfügt, können Sie eine als Erweiterung installieren.

Web Developer-Datenanwendungen

Website-Design-Tools wie Dreamweaver, Kompozer und Microsoft Expressions können Sie eine online-Web-Seite über die URL zu öffnen. Sie anzeigen den HTML-Code im Code nur Quellansicht oder ein Split, Vorschau und Quellcode-Ansicht. Darüber hinaus können Sie den Code bearbeiten und die Änderungen in Echtzeit anzeigen. Der eigentliche Code, der auf der Website-Server gespeichert wird nie geändert.

Probleme, die auftreten können

Absichtlich oder unabsichtlich, einige Websites nicht ihren HTML-Code einfach aufgeben. Beispielsweise verwenden einige Sites JavaScript-Code, welche Blöcke klickt. Sie können noch den Quellcode herunterladen der Seite auf den Datenträger oder durch Deaktivieren von JavaScript in Ihrem Browser anzeigen. Andere Sites verwenden HTML-Frames oder Iframes, die verhindern, dass Sie direkten Zugriff auf ihre Quelle. Firefox, Chrome, Safari und Opera Frame-basierten Websites erkennen und automatisch bieten Ihnen die Möglichkeit, einen Frame Source-Code anzuzeigen. Wenn eine Webseite eine JavaScript- oder CSS Datei auf einer anderen Domäne verwendet, können Sie diese Datei Code anzeigen, direkt durch Kopieren die URL aus dem HTML-Code, den Sie zugreifen können und dann in die Adressleiste von einem neuen Browser-Tab einfügen.