Dale St. Marthe
Die Chrome-Entwicklertools bieten viele leistungsstarke Tools, mit denen Sie Ihre Webanwendungen analysieren und optimieren 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 lernen Sie den Tab Stile kennen und erfahren, wie Sie die Entwicklertools anpassen können.
In diesem Video erfahren Sie, wie Sie:
- DOM-Elemente prüfen und bearbeiten
- Mit dem Box Model können Sie die Abmessungen eines Elements visualisieren und ändern.
- Sehen Sie sich die Darstellung Ihrer Seite auf Mobilgeräten an.
- Identifizieren Sie JavaScript-Fehler im Bereich Console.
- Sie können JavaScript-Fehler mithilfe von Haltepunkten im Bereich Quellen beheben.
- Analysieren und filtern Sie die Netzwerkaktivität im Bereich Netzwerk.
- Simulieren Sie langsamere Verbindungsgeschwindigkeiten.
- Entwicklertools anpassen
Eine ausführliche Übersicht finden Sie in der Übersicht über die Entwicklertools.