Was man wissen sollte
-
In Safari: Klicken Sie mit der rechten Maustaste auf eine Webseite und wählen Sie Inspect Element.
- In Chrome können Sie mit der rechten Maustaste klicken und auf Inspizieren. klicken
- So aktivieren Sie die Funktion in Safari: Safari > Einstellungen > Erweitert > überprüfen Sie das Entwicklungsmenü in Menüleiste anzeigen Feld.
In diesem Artikel erfahren Sie, wie Sie das Element einer Website auf dem Mac überprüfen. Es zeigt, wie dies über Safari und Google Chrome geht.
Wie verwenden Sie die Funktion "Element prüfen" auf einem Mac?
Bevor Sie bei Verwendung von Safari Elemente auf dem Mac untersuchen, müssen Sie das Entwicklermenü im Browser aktivieren. Hier ist ein Blick darauf, wie man es einsch altet und was zu tun ist, um ein Element zu inspizieren.
Wenn zwischen Lesezeichen und Fenster Entwickeln angezeigt wird, wurde das Entwicklermenü bereits aktiviert und Sie können mit Schritt 4 fortfahren.
Verwenden der Funktion "Element prüfen" in Safari
So verwenden Sie Inspect Element in Safari, dem Standardbrowser auf Mac-Computern.
-
Klicken Sie in Safari auf Safari > Einstellungen.
Image -
Klick Erweitert.
Image -
Klicken Sie in der Menüleiste auf Entwicklermenü anzeigen und schließen Sie dann das Fenster.
Image - Klicken Sie beim Surfen auf einer Website mit der rechten Maustaste auf das Element, das Sie überprüfen möchten.
-
Klick Element prüfen.
Image -
Sie können jetzt den Code hinter der besuchten Website anzeigen.
Image
Verwenden der Funktion "Element prüfen" in Chrome auf einem Mac
Wenn Sie Chrome anstelle von Safari auf Ihrem Mac verwenden, ist es noch einfacher, ein Element anzuzeigen, da die Funktion nicht aktiviert werden muss. Folgendes ist zu tun.
- Navigieren Sie in Chrome zu einer Website.
- Klicken Sie mit der rechten Maustaste auf das Element, das Sie untersuchen möchten.
-
Klick Inspizieren.
Image -
Sie können den Code jetzt in einem Seitenfenster in Chrome anzeigen.
Image
Warum kann ich auf meinem Mac nicht prüfen?
Möglicherweise können Sie ein Element auf Ihrem Mac nicht überprüfen, wenn Sie das Entwicklermenü in Safari nicht aktiviert haben. Hier ist eine Erinnerung, wie es geht.
-
Klicken Sie in Safari auf Safari > Einstellungen.
Image -
Klick Erweitert.
Image -
Klicken Sie in der Menüleiste auf Entwicklermenü anzeigen und schließen Sie dann das Fenster.
Image
So nehmen Sie Website-Änderungen vor, indem Sie das Element überprüfen
Neben der Möglichkeit, den Code auf einer Website anzuzeigen, ist es auch möglich, jedes Website-Element durch Inspect Element vorübergehend zu ändern. So geht's über Safari.
Bei anderen Browsern ist der Vorgang sehr ähnlich.
- Klicken Sie beim Surfen auf einer Website mit der rechten Maustaste auf das Element, das Sie überprüfen möchten.
- Klick Element prüfen.
- Doppelklicken Sie auf den Text im Code, um ihn bearbeitbar zu machen.
- Löschen oder eine neue Zeichenfolge eingeben.
- Tippe auf Enter.
- Der Code wurde jetzt nur zu Ihrem Vorteil vorübergehend geändert.
Warum möchten Sie die Funktion "Element prüfen" verwenden?
Die Möglichkeit, ein Element zu inspizieren, ist aus vielen Gründen hilfreich.
- Um den Code spontan zu ändern. Website-Designer können Dinge auf einer Website vorübergehend ändern, um zu sehen, wie sich die Änderungen auf die Dinge auswirken.
- Überprüfen des Codes. Sowohl Designer als auch Marketingmitarbeiter können den Code überprüfen, um zu bestätigen, dass Dinge wie Google Analytics-Details vorhanden sind.
- So zeigen Sie Bilder getrennt von einer Website an. Wenn eine Website es Ihnen nicht erlaubt, ein Bild in einem neuen Tab oder Fenster zu öffnen, wird dies durch Anzeigen des Elements möglich.
-
Basteln. Wenn Sie den Code einer Webseite sehen, können Sie besser verstehen, was Sie sehen, und das Rätsel lösen, was und warum mit der Site, auf der Sie sich befinden, los ist. Es ist, als würde man ein Gerät zerlegen, um zu sehen, wie es funktioniert, aber in diesem Fall gibt es keine Schrauben zu verlieren.
FAQ
Ist es legal, eine Website zu inspizieren?
Ja. Wenn Sie jedoch Code oder Elemente von einer Website verwenden möchten, erkundigen Sie sich unbedingt beim Eigentümer und fügen Sie einen Urheberrechtsvermerk hinzu.
Wie kopiere ich HTML von einer Website mit Inspect-Element?
Klicken Sie in Chrome mit der rechten Maustaste auf die Seite und wählen Sie Inspizieren, gehen Sie dann zum oberen Abschnitt und klicken Sie mit der rechten Maustaste auf das Tag (z. B.). Wählen Sie Copy > Copy outerHTML und fügen Sie dann den Code in eine Text- oder HTML-Datei ein.
Kann ich CSS von einer Website mit Inspect-Element kopieren?
Ja. Klicken Sie mit der rechten Maustaste auf das Element, das Sie kopieren möchten, und wählen Sie Inspect. Klicken Sie mit der rechten Maustaste auf den markierten Code und wählen Sie Copy > Copy styles.
Wie sehe ich meine gespeicherten Passwörter mit dem Inspect-Element?
Um versteckte Passwörter aufzudecken, klicken Sie mit der rechten Maustaste auf das Passwort-Textfeld und wählen Sie Inspizieren. Suchen Sie im hervorgehobenen Abschnitt nach type=”password” und ersetzen Sie password durch text. Es gibt einfachere Möglichkeiten, alle Ihre Passwörter in Chrome anzuzeigen.
