Welche Tools gibt es, um CSS zu debuggen?

8

Ich reibe mir die Haare über diese. Mit welchen Tools werden Formatierungsprobleme mit CSS behoben? Ich habe eine relativ einfache Formatierung für die Navigation mit CSS, die wie folgt aussieht:

%Vor%

Ich habe dann diesen Code in meiner Seite:

%Vor%

und es hebt den Stil nicht auf. Es funktionierte gut, so dass eine meiner Änderungen an anderer Stelle etwas fehlgeschlagen haben musste (ich vermute irgendwo einen, aber ich habe wirklich Mühe, herauszufinden, was es war. Der Rest meiner Seitenformate ist in Ordnung ...)

Irgendwelche Vorschläge?

Antwort gefunden dank Firebug.

Die Formatierung wurde nicht angewendet, da die Formatierung für Links nur auf Links im Element <h1> angewendet wurde - dh der HTML-Code hätte sein sollen:

%Vor%     
Rob Y 12.02.2009, 15:14
quelle

9 Antworten

28

firebug . Es gibt auch eine reine JavaScript-Version, die im IE funktioniert, genannt firebug lite .

Damit können Sie% CSS im laufenden Betrieb ausschalten oder ändern.

    
IAdapter 12.02.2009, 15:17
quelle
15

Um den eigentlichen Fragetitel zu beantworten: Ich benutze FireBug !

    
BigJump 12.02.2009 15:15
quelle
5

Die Erweiterung Web Developer macht auch einige nette Sachen.

    
chaos 12.02.2009 15:24
quelle
3

Das Firebug-Plugin für Firefox enthält einige nette CSS-Debugging-Tools.

    
Alex McBride 12.02.2009 15:16
quelle
3

Firebug ist wirklich dein Freund hier!

Klicken Sie mit der rechten Maustaste auf einen Teil Ihrer Seite, wählen Sie "Element prüfen" und es werden Ihnen alle Stile angezeigt, die auf dieses Element angewendet wurden. Überholte sind durchgestrichen, so dass Sie genau sehen können, wo Sie einen Fehler gemacht haben.

    
teedyay 12.02.2009 15:19
quelle
3

Sie können auch den W3C-CSS Validator verwenden, wenn Sie keinen Zugriff auf Firebug haben. Das wird im Allgemeinen in der Lage sein, Syntaxfehler aufzuzeigen.

    
Rich Adams 12.02.2009 15:27
quelle
2

Magilla Gorilla vermutet das Fehlen von ":

%Vor%     
Magilla Gorilla 12.02.2009 15:19
quelle
1

Feuerwanze ist ein Lebensretter in dieser Art von Situation!

    
scottynomad 12.02.2009 15:32
quelle

Tags und Links