So überprüfen Sie Elemente in Chrome, Safari und Firefox auf dem Mac

So überprüfen Sie Elemente in Chrome, Safari und Firefox auf dem Mac

„Wir sind jetzt alle mit dem Internet verbunden, wie Neuronen in einem riesigen Gehirn“ ~ Stephen Hawking

Nun, das ist doch ganz wahr, nicht wahr? Die Macht des Internets ist unübertroffen! Das Internet ist voll von Millionen von Websites und Informationen. Ganz gleich, ob Sie nach einer bestimmten Information für die Recherche suchen, einfach nur auf Unterhaltungsportalen stöbern oder in den sozialen Medien recherchieren müssen, Websites dienen als Hauptquelle, um uns an Ihren Gadgets festzuhalten.

Bildquelle: YouTube

Haben Sie bei der Nutzung einer der Websites von der Funktion „Element prüfen“ gehört? Das Inspect Element ähnelt eher einem Browser-Tool, mit dem Sie das HTML- und CSS-Skript der Webseite anzeigen und bearbeiten können. Diese Funktion ist in allen Browsern verfügbar, der Name kann jedoch unterschiedlich sein, z. B. bei Chrome ist es Entwicklermodus, bei Safari ist es Web Inspector und bei Firefox ist es Inspect.

In diesem Beitrag erfahren Sie, wie Sie Element auf dem Mac in verschiedenen Browsern überprüfen, darunter Safari, Google Chrome und Firefox. Und bevor wir beginnen, wollen wir uns kurz mit der Verwendung des Werkzeugs „Element prüfen“ befassen und erklären, warum es nützlich ist.

Was ist „Element prüfen“?

Wann immer Sie mit der rechten Maustaste klicken Auf jeder Website sehen Sie im Kontextmenü die Funktion „Element prüfen“. Technisch gesehen ermöglicht das Inspect Element-Tool Benutzern, die Webseite im Frontend anzuzeigen oder zu ändern. Das Inspect Element-Tool wird hauptsächlich von Frontend-Entwicklern verwendet, um mit dem Erscheinungsbild einer bestimmten Website herumzuspielen, ohne befürchten zu müssen, den Live-Code zu sabotieren. Es wird in der „Test“-Phase verwendet, um die Elemente einer Website bei bestimmten Gelegenheiten zu „inspizieren“.

So prüfen Sie Elemente auf dem Mac

Die Funktion „Element prüfen“ ist in jede Website integriert Browser, einschließlich Safari, Chrome und Firefox. Wir werden nun lernen, wie man Inspect Element auf dem Mac jedes Webbrowsers verwendet.

Safari:

Bevor wir beginnen, aktivieren wir zunächst die Funktion „Inspect Element“. Safari, falls es nicht standardmäßig aktiviert ist.

Starten Sie Safari, öffnen Sie die Einstellungen.

Wechseln Sie zur Registerkarte „Erweitert“ und aktivieren Sie die Option die Option „Entwicklungsmenü in der Menüleiste anzeigen“.

Sobald Sie diese Option aktivieren, wird der Menüleiste eine neue Option „Entwickeln“ hinzugefügt.

Um Element auf dem Mac im Safari-Browser zu prüfen, müssen Sie Folgendes tun:

Option 1: Über die Rechtsklick-Methode

Der schnellste Weg, das Werkzeug „Element prüfen“ auf dem Mac zu verwenden, ist die Verwendung der Rechtsklick-Methode.

Besuchen Sie die Webseite und klicken Sie mit der rechten Maustaste Wählen Sie an einer beliebigen Stelle im Leerraum „Inspizieren“ aus.

Option 2: Über das Menü „Entwickeln“

Sie können die Funktion „Element prüfen“ auch über verwenden neu hinzugefügtes „Entwickeln“-Menü.

Besuchen Sie die Website, tippen Sie auf die Option „Entwickeln“ in der oberen Menüleiste und wählen Sie dann „Web-Inspektor anzeigen“ aus.

Option 3: Verwenden Sie die Tastenkombinationen

Die dritte Alternative zur Verwendung des Tools „Element prüfen“ unter macOS sind die Tastenkombinationen.

Drücken Sie einfach die Tastenkombination Befehl + Wahl + I, um ein Element einer Webseite zu überprüfen.

Google Chrome:

Es gibt vier verschiedene Möglichkeiten, wie Sie Elemente auf einem Mac in Chrome überprüfen können Browser.

Option 1: Rechtsklick-Methode

Starten Sie den Chrome-Browser auf Ihrem Mac und besuchen Sie die Website, auf der Sie die Elemente überprüfen müssen.

Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle und wählen Sie dann „Inspizieren“.

Option 2: Über die Menüleiste

Starten Sie Chrome und tippen Sie auf die Option „Ansicht“ in der oberen Menüleiste.

Bildquelle: Super User

Navigieren Sie zu „Entwicklertools“ > „Entwickler“ > „Entwicklertools“.

Wählen Sie die Option „Anpassen und steuern“, um Inspect Element in Chrome zu verwenden.

Option 3: Verwenden der Tastaturkürzel

Klicken Sie auf Befehlstaste + Wahltaste + C-Option, um das Fenster „Element prüfen“ in Chrome anzuzeigen.

Option 4: Über Einstellungen

Starten Sie Google Chrome unter macOS und tippen Sie auf das Symbol mit den drei Punkten in der oberen rechten Ecke.

Tippen Sie auf „Weitere Tools“ und wählen Sie dann „Entwicklertools“.

Mozilla Firefox:

Um das Tool „Element prüfen“ in Firefox zu verwenden, befolgen Sie diese kurzen Schritte.

Option 1: Rechtsklick-Methode

Starten Sie Firefox und besuchen Sie die Website.

Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf dem Bildschirm und wählen Sie „Inspizieren“.

Option 2: Über das Menü

Starten Sie Firefox auf dem Mac. Tippen Sie auf die Option „Extras“ in der oberen Menüleiste und wählen Sie „Webentwickler“. Tippen Sie auf „Inspizieren“.

Option 3: Tastenkombinationen

Die Verknüpfung zum Aktivieren von „Inspect Element“ auf dem Mac im Firefox-Browser kann durch Drücken der Befehlstaste erreicht werden + Wahltaste + C-Tastenkombination.

FAQs:

F.1. Wie d o Ich öffne das Inspektionselement auf dem Mac?

Bildquelle: Zapier

Eine der schnellsten Möglichkeiten, das Inspect Element-Tool auf dem Mac zu öffnen, besteht darin, mit der rechten Maustaste auf die Website zu klicken und die Option „Inspect“ auszuwählen das Kontextmenü.

F.2. Was ist die Verknüpfung für Inspect Element auf einem Mac?

Die Tastenkombinationen zur Verwendung von Inspect Element sind in jedem Browser unterschiedlich:

F.3. Wie öffne ich Inspect Element in Chrome auf einem Mac?

Um Inspect Element in Google Chrome zu verwenden, können Sie entweder die Tastenkombination Befehl + Wahl + C drücken. Alternativ können Sie auch mit der rechten Maustaste auf eine beliebige Stelle auf dem Bildschirm klicken und „Inspizieren“ wählen, um das Fenster „Element prüfen“ zu öffnen.

Das letzte Wort zur Prüfung von Elementen auf dem Mac

Hier finden Sie eine Kurzanleitung zur Verwendung das Inspect Element-Tool unter macOS in verschiedenen Webbrowsern, einschließlich Safari, Chrome und Firefox. Folgen Sie uns in den sozialen Medien – . Wie häufig verwenden Sie das Inspect Element-Tool auf dem Mac und zu welchem ​​Zweck? Teilen Sie Ihre Gedanken gerne mit unseren Lesern.

Lesen: 0

yodax