Wie kann man in Safari den Quellcode einer Webseite anzeigen?
- Einleitung zum Quellcode in Safari
- Vorbereitung: Entwickler-Werkzeuge in Safari aktivieren
- Quellcode anzeigen: Methoden in Safari
- Funktionen der Entwickler-Werkzeuge
- Quellcode anzeigen auf iOS-Geräten
- Fazit
Einleitung zum Quellcode in Safari
Das Anzeigen des Quellcodes einer Webseite ist eine grundlegende Funktion für Webentwickler, Designer und alle, die neugierig sind, wie eine Webseite aufgebaut ist.
Safari, der Standard-Webbrowser von Apple für macOS und iOS, bietet verschiedene Möglichkeiten, den HTML-Quellcode einer Webseite zu betrachten.
Im Folgenden wird ausführlich erläutert, wie man in Safari den Quellcode anzeigen kann, welche Einstellungen dafür notwendig sind und welche alternativen Methoden existieren.
Vorbereitung: Entwickler-Werkzeuge in Safari aktivieren
Bevor man in Safari den Quellcode einer Webseite anzeigen kann, muss man zunächst die sogenannten Entwickler-Werkzeuge aktivieren.
Diese sind standardmäßig aus Sicherheits- und Benutzerfreundlichkeitsgründen ausgeblendet. Um die Entwicklerfunktionen zu aktivieren, öffnet man Safari und ruft die Einstellungen auf.
Unter dem Reiter Erweitert gibt es eine Option Menü Entwickler in der Menüleiste anzeigen. Diese muss aktiviert werden, damit die gewünschten Funktionen zugänglich werden.
Quellcode anzeigen: Methoden in Safari
Nachdem das Entwickler-Menü aktiviert wurde, gibt es mehrere Wege, um sich den Quelltext anzusehen. Die einfachste Möglichkeit besteht darin, im Menü Entwickler den Eintrag Seitenquelltext anzeigen zu wählen.
Alternativ lässt sich dies auch durch einen Rechtsklick auf die Webseite erreichen, sofern man die Option Seitenquelltext anzeigen im Kontextmenü sieht.
Als weitere Option steht die Tastenkombination Cmd + Option + U zur Verfügung, mit der direkt das Quelltextfenster geöffnet wird.
Funktionen der Entwickler-Werkzeuge
Neben dem reinen Betrachten des Quellcodes bieten die Entwickler-Werkzeuge von Safari umfangreiche Funktionen wie das inspizieren von Elementen, Debugging von JavaScript, Netzwerkanalyse oder die Überprüfung von CSS-Stilen.
Diese Tools sind besonders hilfreich, wenn man tiefergehende Analysen machen oder Webseiten selbst gestalten möchte. Das reine Anzeigen des Quellquodes zeigt zwar den ursprünglichen HTML-Code,
Quellcode anzeigen auf iOS-Geräten
Auf iPhones oder iPads bietet Safari keine direkte Option, den Quellcode einer Webseite anzuzeigen. Hier sind externe Apps oder spezielle Bookmarklets notwendig, um eine Art Quellcodeansicht zu ermöglichen.
Alternativ kann man Seiten auch per AirDrop oder E-Mail an einen Mac senden und dort mit den Entwickler-Werkzeugen betrachten.
Fazit
Das Anzeigen des Quellcodes in Safari ist vor allem auf macOS durch die Aktivierung der Entwickler-Werkzeuge problemlos möglich und bietet wertvolle Einblicke in den Aufbau von Webseiten.
Diese Funktion ist insbesondere für Webentwickler unverzichtbar. iOS-Nutzer hingegen sind auf Drittanbieter-Apps oder andere Umwege angewiesen, um den Quellcode einzusehen.