Ich schreibe einige CSS-Dateien, aber wenn ich einen Fehler mache, scheint Chrome einfach stillschweigend die Teile zu ignorieren, die ich vermasselt habe, und macht den Rest.
Das macht es nervig zu debuggen, da ich nicht herausfinden kann, was schief läuft.
Gibt es also eine Möglichkeit, Chrome dazu zu bringen, "in großen roten Buchstaben auf mich zu schreien", so dass ich weniger Zeit damit verbringen kann, den Fehler zu finden und mehr Zeit dafür zu verwenden?
Obwohl Sie CSS nicht "debuggen" können, da es sich nicht um eine Skriptsprache handelt, können Sie das Bedienfeld "Chrome DevTools Elements" verwenden, um ein Element & amp; Zeigen Sie den Bereich "Stile" auf der rechten Seite an. Dadurch erhalten Sie Einblicke in die Stile, die überschrieben oder ignoriert werden (Zeilenumbruch). Der Fensterbereich "Stile" ist auch nützlich, da LiveEdit das zu überprüfende Dokument bearbeiten kann. Dies kann Ihnen dabei helfen, die Probleme zu beheben. Wenn die Stile überschrieben werden, können Sie den Bereich "Berechnete Stile" anzeigen, um das CSS zu sehen, das zum Formatieren Ihres Dokuments verwendet wird.
Um das Chrome DevTools-Fenster aufzurufen, drücken Sie Strg + Umschalt + I in einem Chrome-Browser. ( Befehl + Opt + I für einen Mac)
Für weitere Informationen besuchen Sie Ссылка
Tags und Links css google-chrome debugging