So überprüfen Sie das Element auf dem Mac

Was du wissen musst:

  • So untersuchen Sie Elemente in Safari: Öffnen Sie Safari → Klicken Sie mit der rechten Maustaste auf die Webseite → Klicken Sie auf Element untersuchen; Öffnen Sie Safari → tippen Sie mit zwei Fingern auf das Trackpad.
  • Die Verknüpfung zum Öffnen von Inspect Element in Safari und Chrome ist Option + Befehl + I.

Fangen Sie gerade als Frontend-Entwickler an? Inspect Element ist eine wesentliche Komponente für jeden UI-Ingenieur, um den HTML- oder CSS-Inhalt zu testen und zu ändern. Während die Browser Firefox und Chrome eine einfache Methode haben, ist die Methode kompliziert, wenn Sie Safari auf einem Mac verwenden.

Darüber hinaus gebe ich Ihnen keine Ideen, aber Sie können die Funktion „Inspect Element“ auch verwenden, um sich mit Ihren Freunden zu verwirren, indem Sie die Preise bestimmter Waren ändern oder Texte zu Webseiten hinzufügen usw. Lesen Sie weiter, um zu erfahren, wie Sie das Inspect Element verwenden Funktion und mehr darüber.

Was ist ein Inspektionselement?

Inspect Element ermöglicht Benutzern den Zugriff auf Entwicklertools, die in Webbrowser eingebettet sind. Mit diesen Tools können sie den HTML- und CSS-Quellcode anzeigen oder bearbeiten, in dem eine Webseite geschrieben ist.

Sie können die am Code vorgenommenen Änderungen in Echtzeit auf den Webseiten anzeigen; Die Änderungen des Inspektionselements sind jedoch temporär und werden nirgendwo anders als in Ihrem Webbrowser widergespiegelt. Sein Hauptzweck besteht darin, Ihnen eine Vorstellung davon zu geben, wie sich Änderungen am Code auf die Webseite auswirken.

So prüfen Sie Elemente auf einem Mac

Die Funktion „Element untersuchen“ ist auf dem Mac standardmäßig nicht verfügbar, wenn Sie den Safari-Browser verwenden. Andere Browser wie Chrome und Firefox haben im Vergleich einfachere Verfahren. Wenn Sie nach einem Grund suchen, Ihren Standardbrowser zu wechseln, wäre jetzt der richtige Zeitpunkt.

So geht’s in verschiedenen Browsern:

Zeigen Sie den Quellcode in Safari auf dem Mac an

Bevor Sie Element-/Quellcode auf dem Mac überprüfen können, müssen Sie einige Einstellungen ändern und das Entwicklermenü in Safari aktivieren. So geht’s;

  1. Öffnen Sie den Safari-Browser.
  2. Klicken Sie oben links auf Safari → wählen Sie Einstellungen.
  3. Klicken Sie auf Erweitert.
  4. Aktivieren Sie das Kontrollkästchen Entwicklungsmenü in Menüleiste anzeigen.

Nachdem Sie das Menü „Entwickeln“ aktiviert haben, können Sie Elemente in Safari folgendermaßen untersuchen:

  1. Safari öffnen.
  2. Klicken Sie mit der rechten Maustaste auf die Webseite.
  3. Klicken Sie auf Element untersuchen.
  4. Optional: Sie können mit zwei Fingern auf das Trackpad tippen.

Sie können jetzt den Quellcode der Website einsehen!

Überprüfen Sie das Element in Chrome auf dem Mac

Die Verwendung von Inspect Element in Chrome ist unkompliziert. So funktioniert das:

  1. Öffnen Sie den Chrome-Browser.
  2. Klicken Sie mit der rechten Maustaste oder tippen Sie mit zwei Fingern auf das Trackpad.

Das ist es! Rechts können Sie nun den Quellcode der Website einsehen. Sie können die gleichen Schritte ausführen, um Elemente in Firefox zu untersuchen.

So ändern Sie den Text mit Inspect Element

Nachdem Sie sich nun mit dem Öffnen des Werkzeugs „Element prüfen“ auf Ihrem Mac in Safari und Chrome auskennen, erfahren Sie hier, wie Sie den Text damit ändern können.

  1. Öffnen Sie den Safari/Chrome-Browser.
  2. Klicken Sie mit der rechten Maustaste oder tippen Sie mit zwei Fingern auf das Trackpad, wenn Sie den Text überprüfen möchten.
  3. Ersetzen Sie im Quellcode den ursprünglichen Text durch den Text, den Sie hinzufügen möchten.

Sie können die Ergebnisse in Echtzeit sehen. Beachten Sie, dass diese Änderungen vorübergehend sind und sich nicht dauerhaft auf die Webseite auswirken!

Häufig gestellte Fragen

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

Die Verknüpfung zum Öffnen von Inspect Element auf dem Mac in Safari und Chrome ist Option + Befehl + I.

F. Ist es legal, den Quellcode einer Website einzusehen?

Obwohl es legal ist, den Quellcode einer Website anzuzeigen, müssen Sie die erforderlichen Berechtigungen vom Eigentümer der Website einholen, wenn Sie beabsichtigen, sie zu verwenden.

F. Können Sie das Werkzeug „Element prüfen“ im Browser deaktivieren?

Nein. Sie können das Werkzeug „Element prüfen“ in Browsern nicht deaktivieren. Es gibt einige Problemumgehungen, aber Sie können das Werkzeug „Element prüfen“ nicht vollständig deaktivieren.

F. Wie kann ich meine gespeicherten Passwörter mit inspect Element anzeigen?

Wenn das eingegebene Passwort ausgeblendet ist und Sie es anzeigen möchten, klicken Sie mit der rechten Maustaste auf das Passwortfeld → wählen Sie Element untersuchen → suchen Sie nach type=”password” und ersetzen Sie das Passwort durch Text. Das versteckte Passwort wird jetzt sichtbar.

F. Warum kann ich den Quellcode auf dem Mac nicht in Safari anzeigen?

Um den Quellcode in Safari auf dem Mac anzuzeigen, müssen Sie das Menü „Entwickeln“ aktivieren. Befolgen Sie einfach die oben gezeigten Schritte. Sobald Sie es einschalten, wird die Option Element prüfen sichtbar.

Weiterlesen:

Similar Posts

Leave a Reply

Your email address will not be published.