Was Sie wissen müssen :
- Elemente in Safari untersuchen:Öffnen Sie Safari → Rechtsklick der Webseite → klicken Sie auf Element prüfen; Öffnen Sie Safari → tippen Sie mit zwei Fingern auf das Trackpad .
- Die Tastenkombination zum Öffnen von Inspect Element in Safari und Chrome ist Wahltaste + Befehlstaste + 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 Element prüfen?
- Untersuchen von Elementen auf einem Mac
- So ändern Sie den Text mit Inspect Element
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 vermitteln, wie sich Änderungen am Code auf die Webseite auswirken.
So prüfen Sie Elemente auf einem Mac
Die Funktion „Element prüfen“ 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 machen Sie es in verschiedenen Browsern:
Quellcode in Safari auf dem Mac anzeigen
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:
- Öffnen Sie Safari Browser.
- Klicken Sie auf Safari oben links → wählen Sie Einstellungen .
- Klicken Sie auf Erweitert .
- Wählen Sie das Entwicklermenü in der Menüleiste anzeigen Kontrollkästchen.
Nachdem Sie das Menü „Entwickeln“ aktiviert haben, können Sie Elemente in Safari folgendermaßen untersuchen:
- Öffnen Sie Safari .
- Rechtsklick die Webseite.
- Klicken Sie auf Element prüfen .
- Optional :Sie können auf das Trackpad mit zwei Fingern tippen .
Sie können jetzt den Quellcode der Website einsehen!
Inspizieren Sie das Element in Chrome auf dem Mac
Die Verwendung von Inspect Element in Chrome ist unkompliziert. So funktioniert es:
- Öffnen Sie Chrome Browser.
- Rechtsklick oder tippen Sie mit zwei Fingern auf das Trackpad .
Das ist es! Auf der rechten Seite können Sie nun den Quellcode der Website einsehen. Sie können dieselben Schritte befolgen um Elemente in Firefox zu inspizieren.
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.
- Öffnen Sie Safari/Chrome Browser.
- Rechtsklick oder tippen Sie mit zwei Fingern auf das Trackpad wenn Sie den Text prüfen möchten.
- Ersetzen Sie im Quellcode den Originaltext mit dem 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
Weiterlesen:
- 4 Gründe, warum Safari besser ist als jeder andere Browser?
- Safari vs. Chrome:Welcher Browser ist besser für iPhone und Mac?
- So installieren und verwenden Sie einen Webbrowser auf Apple TV 4 und 4K