Die Chrome-Entwicklertools bieten viele leistungsstarke Tools, mit denen Sie Ihre Webanwendungen genau untersuchen und verbessern können.
Im folgenden Video erhalten Sie einen Überblick über sechs grundlegende Tools, darunter die Schaltfläche Prüfen, der Gerätemodus sowie die Bereiche Elemente, Konsole, Quellen und Netzwerk. Außerdem erfahren Sie mehr über den Tab Styles und Möglichkeiten zur Anpassung der DevTools.
In diesem Video erfahren Sie, wie Sie:
- DOM-Elemente prüfen und bearbeiten
- Mit dem Box-Modell können Sie die Abmessungen eines Elements visualisieren und ändern.
- Sehen Sie sich an, wie Ihre Seite auf Mobilgeräten aussieht.
- Im Bereich Konsole können Sie JavaScript-Fehler erkennen.
- Im Bereich Quellen können Sie JavaScript mithilfe von Bruchpunkten debuggen.
- Im Bereich Netzwerk können Sie die Netzwerkaktivität analysieren und filtern.
- Langsamere Verbindungsgeschwindigkeiten simulieren
- Entwicklertools anpassen
Eine ausführliche Übersicht finden Sie in unserem Artikel Entwicklertools.