Elemente auf dem Mac inspizieren: So aktivieren und nutzen Sie die Entwicklertools in Safari und Chrome

Was Sie wissen müssen:

Elemente in Safari untersuchen: Öffnen Sie Safari → Rechtsklick auf der Webseite → klicken Sie auf Element prüfen; oder Öffnen Sie Safari → tippen Sie mit zwei Fingern auf das Trackpad.
Die Tastenkombination zum Öffnen von Inspect Element in Safari und Chrome lautet Option + Command + I.

Als erfahrener Frontend-Entwickler ist Inspect Element ein unverzichtbares Tool, um HTML- und CSS-Code zu testen und anzupassen. Während Firefox und Chrome dies einfach ermöglichen, erfordert Safari auf dem Mac eine Voraktivierung der Entwicklertools. In dieser Anleitung zeige ich Ihnen – basierend auf jahrelanger Praxis – Schritt für Schritt, wie Sie vorgehen.

Was ist Inspect Element?
Elemente auf einem Mac untersuchen
Text mit Inspect Element ändern

Was ist Inspect Element?

Inspect Element gibt Zugriff auf die integrierten Entwicklertools des Browsers. Damit können Sie den HTML- und CSS-Quellcode einer Webseite anzeigen und bearbeiten. Änderungen wirken sich Echtzeit auf die Seite aus, sind jedoch nur lokal und temporär – ideal, um Design- und Funktionsänderungen zu testen, ohne den Originalcode zu verändern.

Elemente auf einem Mac inspizieren

In Safari ist die Funktion standardmäßig deaktiviert, im Gegensatz zu Chrome und Firefox. Hier eine klare Anleitung für alle gängigen Browser auf dem Mac.