Für Webentwickler stellt Safari im Menü „Entwickler“ verschiedene Werkzeuge bereit, mit denen sichergestellt werden kann, dass eigene Websites mit allen standardbasierten Webbrowsern ordnungsgemäß funktionieren.
Wird das Menü „Entwickler“ in der Menüleiste nicht angezeigt, wählen Sie „Safari“ > „Einstellungen“, klicken Sie auf „Erweitert“ und wählen Sie dann „Menü „Entwickler“ in der Menüleiste anzeigen“ aus.
Eine Beschreibung zu den Befehlen im Menü „Entwickler“ finden Sie in der nachfolgenden Tabelle.
Seite öffnen mit | Öffnet die aktuell angezeigte Webseite in einem Webbrowser, der auf Ihrem Computer installiert ist. Den Browser können Sie im eingeblendeten Untermenü wählen. |
Benutzer-Agent | Mit dieser Option können Sie bestimmen, wie Ihr Webbrowser vom Webserver identifiziert wird. Sie können mit dieser Option dem Webserver gegenüber den Eindruck erwecken, dass Sie einen anderen Webbrowser, ein anderes Betriebssystem oder eine andere Version von Safari verwenden, sodass Sie prüfen können, ob der Server bei veränderten Bedingungen unterschiedliche Inhalte bereitstellt. |
Webinformationen einblenden | Die Webinformationen umfassen eine Liste der Ressourcen, die auf einer Webseite gefunden wurden. Außerdem erhalten Sie die Möglichkeit, den Quellcode, die CSS-Informationen, die DOM-Struktur und -Merkmale sowie visuelle DOM-Metriken der Seite anzuzeigen und zu durchsuchen. Das Fenster für die Webinformationen umfasst außerdem auch eine Fehlerkonsole und die Netzwerk-Timeline. |
Fehlerkonsole einblenden | In der Fehlerkonsole werden Fehler und Warnungen bezüglich der HTML- und XML-Syntax angezeigt. Die Fehlerkonsole umfasst auch JavaScript-Fehler und andere Meldungen von console.log, console.error, console.warn, console.assert und console.info an. |
Seitenquelltext einblenden | Mit dieser Option wird der HTML-Quellcode für den Haupt-Frame der angezeigten Webseite angezeigt. Zum Durchsuchen des Quellcodes drücken Sie Befehl (⌘)-F und geben Sie dann ein Wort oder eine Wortfolge in das Suchfeld ein, das im Bereich „Quellcode“ erscheint. |
Seitenressourcen einblenden | Mit dieser Option wird die Liste mit den Ressourcen der Webseite angezeigt (zum Beispiel Dokumente, Style-Sheets und Skripts). |
Snippet-Editor einblenden | Mit dieser Option können Sie kleine Fragmente des HTML-Codes testen, ohne die komplette Webseite öffnen zu müssen. |
Extension Builder einblenden | Mit dieser Option können Sie Metadaten für Safari-Erweiterungen als Paket bereitstellen. |
Timeline-Aufnahme starten | Mit dieser Option können Sie die Aufzeichnung von Timelines im WebKit-Informationsfenster für Netzwerkanfragen, Layout & Rendern und JavaScript & Ereignisse starten. Wählen Sie zum Stoppen der Aufnahme „Entwickler“ > „Timeline-Aufnahme stoppen“. |
Cache-Speicher leeren | Mit dieser Option werden der Cache-Speicher der Webseite und andere Safari-Cache-Speicher geleert. |
Caches deaktivieren | Mit dieser Option können Sie veranlassen, dass bei jedem Zugriff auf eine bestimmte Subressource diese Subressource neu vom Webserver abgerufen wird und nicht die im Cache befindliche Kopie verwendet wird. |
Bilder deaktivieren | Mit dieser Option können Sie veranlassen, dass anstelle der Bilder deren alternative Inhalte angezeigt werden. Diese Option hilft Ihnen sicherzustellen, dass Ihre Webseite über passende alternative Inhalte verfügt. |
Styles deaktivieren | Mit dieser Optionen erreichen Sie, dass alle CSS-Style ignoriert werden. Diese Option hilft Ihnen bei der Analyse bestimmter Arten von Problemen mit dem Seitenlayout Ihrer Website. Wenn Sie im Bereich „Erweitert“ der Safari-Einstellungen ein Style-Sheet definiert haben, wird dieses weiterhin verwendet. |
JavaScript deaktivieren | Mit dieser Option erreichen Sie, dass der gesamte JavaScript-Code ignoriert wird. Diese Option ist geeignet, um Probleme mit dem Verhalten von Teilen von Websites zu untersuchen und zu testen, wie eine Website auf Webbrowsern ohne Unterstützung für JavaScript bzw. mit deaktiviertem JavaScript funktioniert. Sie können JavaScript auch im Bereich „Sicherheit“ der Safari-Einstellungen aktivieren und deaktivieren. |
Website-spezifische Hacks deaktivieren | Mit dieser Option kann Safari-Code deaktiviert werden, der speziell als temporäre Abhilfe für Probleme bei bestimmten Webseiten entwickelt wurde, damit Sie als Entwickler der betroffenen Webseiten Ihre Lösungen für diese Probleme testen können. |
Lokale Dateieinschränkungen deaktivieren | Mit dieser Option erreichen Sie, dass alle Dateien auf Ihrem Mac so behandelt werden, als hätten sie denselben Ursprung. Auf diese Weise können diese Dateien auf Inhalte der jeweils anderen Dateien via Skript oder XHR zugreifen. In diesem Fall kann die Kopie einer Website auf Ihrem Mac so verwendet werden, als befände sie sich im Internet. |
JavaScript von intelligentem Suchfeld erlauben | Diese Option erlaubt es Ihnen, in das Adress- und Suchfeld eine URL einzugeben, die den Begriff „javascript:“ enthält. |