Unabhängig davon, ob Sie Safari, Chrome oder einen anderen Browser auf Ihrem Mac verwenden, zeigen wir Ihnen, wie Sie auf Inspect Element zugreifen, um Änderungen an einer Webseite vorzunehmen.

Waren Sie schon einmal neugierig auf den Quellcode einer Webseite? Fast jeder Webbrowser, einschließlich des nativen Browsers Ihres Mac, verfügt über eine Funktion, mit der Sie ihn anzeigen können – sie heißt Inspect Element.

Mit Inspect Element können Sie den HTML-, CSS- und JavaScript-Webseitencode nicht nur sehen, sondern auch ändern. Dadurch können Entwickler Webseiten und Webanwendungen mit der Funktion testen, Benutzer können sie jedoch auch zum Ändern von Schriftarten in ihren persönlichen Browsern verwenden.

Sehen Sie sich die folgenden Schritte an, um zu erfahren, wie Sie Inspect Element in jedem Browser auf Ihrem Mac verwenden und mit der Codeänderung beginnen.

So prüfen Sie Elemente in Safari und anderen Browsern auf einem Mac

Die Verwendung der Funktion „Element prüfen“ ist in allen für macOS verfügbaren Webbrowsern gleich. Sie können es mit nur wenigen Klicks aktivieren. Eine Ausnahme hiervon bildet Safari, wo Inspect Element aktiviert sein muss, bevor es verwendet werden kann. Wir haben unten in einem separaten Abschnitt beschrieben, wie Sie es aktivieren.

Aber um Inspect Element generell in Ihrem bevorzugten Mac-Browser zu verwenden (oder sobald er aktiviert ist):

  1. Öffnen Sie den gewünschten Browser und navigieren Sie zu einer Webseite, die Sie überprüfen möchten.
  2. Kontrolle-Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Webseite und wählen Sie aus Prüfen oder Element prüfen aus dem Kontextmenü. Sie können auch die Tastenkombination verwenden Befehl + Umschalt + C.
  3. Das Inspektor-Tool wird geöffnet und der Quellcode für die Webseite wird angezeigt. Lesen Sie den Code oder nehmen Sie Änderungen daran vor, wie Sie möchten. Zum Beispiel können Sie Bearbeiten Sie Webseiten in Safari mit Inspect Element, um Text und Bilder zu bearbeiten.
  4. Um das Inspektor-Tool zu schließen, klicken Sie auf X Taste.

So aktivieren Sie Inspect Element in Safari

Um die Funktion „Element prüfen“ in Safari auf Ihrem Mac zu aktivieren, müssen Sie das Menü „Entwickeln“ aktivieren. Um dies zu tun:

  1. Öffnen Sie Safari und gehen Sie zu Safari > Einstellungen aus der Menüleiste oder klicken Sie auf Befehl +, auf Ihrer Tastatur.
  2. Gehen Sie zum Fortschrittlich Tab.
  3. Überprüf den Menü „Entwickeln“ in der Menüleiste anzeigen Kasten.

Das Menü „Entwickeln“ sollte jetzt im oberen Menü angezeigt werden, wenn Sie Safari verwenden, und Sie sollten über das Kontextmenü auf „Inspect Element“ auf Ihrem Mac zugreifen können!

Wann Sie Inspect Element in Ihrem Browser verwenden sollten

Entwickler können Inspect Element verwenden, um Layoutänderungen auf Webseiten und Webanwendungen auszuprobieren und die Funktionalität für Benutzer in verschiedenen Browsern zu testen. Es kann aber auch von normalen Benutzern verwendet werden.

Wenn eine Webseite eine Schriftart hat, die Sie schwer lesen können, oder wenn sie eine Farbe hat, die Ihnen nicht gefällt, können Sie sie mit Inspect Element ändern, damit die Seite besser lesbar oder angenehmer anzusehen ist. Du kannst auch Ändern Sie die Kopfzeilen von Webseiten über Inspect Element, um Ihren Freunden einen Streich zu spielen.

Inspect Element ändert nur Dinge auf Ihrem Mac und dem spezifischen Browser, den Sie verwenden. Verwenden Sie es also immer dann, wenn Sie eine Website schnell an Ihre Vorlieben anpassen möchten.

Inspect Element: Eine Funktion zur Verbesserung der Benutzererfahrung

Wenn Sie wissen, wie Sie Inspect Element auf Ihrem Mac verwenden, können Sie Webseiten effizienter und angenehmer nutzen. Es bietet schnelle Lösungen für Formatierungsprobleme und ermöglicht es Entwicklern, Fehler zu beheben.

Wir hoffen, dass unser Leitfaden Ihnen bei der Nutzung dieser Funktion hilft. Wenn Sie also das nächste Mal Probleme mit einer Webseite in Safari oder einem anderen Browser haben, wissen Sie, dass Sie eine Lösung haben!