Comment déboguer les problèmes d'affichage/CSS dans plusieurs navigateurs?

Dites que je dois développer un site Web pour plusieurs navigateurs. les plus importants - Firefox, Safari, IE, Opera, ChromeComment déboguer les problèmes d'affichage/CSS dans plusieurs navigateurs?

Comment déboguer les problèmes d'affichage? Dans Firefox, il y a Firebug, ce qui est génial. Il existe également un Firebug Lite pour les autres navigateurs, mais il n'est pas complet - il ne s'actualise pas en temps réel. Par exemple, si je suspecte que jQuery le ralentit (ajout de classes, etc.), comment pourrais-je le savoir?

Source

2009-07-29 iceangel89

Firefox a Firebug
Opera a Dragonfly
IE8 a developer tools
navigateurs Webkit (Chrome/Safari) ont web inspector

En dehors de ceux-ci, vous pouvez vouloir regarder le outline property qui ajoute une bordure aux éléments, mais sans perturber le flux de la page. Ceci est utile pour les comparaisons côte à côte.

Si vous avez appliqué des classes avec jQuery, utilisez simplement la propriété outline sur elles et elle devrait apparaître lors de l'ajout de la classe.

.class1 { 
    outline: 1px solid blue; 
} 
.class2 { 
    outline: 1px solid red; 
}

Source

2009-07-29 09:27:00 DisgruntledGoat

hmm IE6/7 n'a rien de bon tho? BTW, je pense que les outils du développeur IE * n'ont pas de mises à jour en temps réel comme firebug pour FF a? cos maintenant le problème que je fais face est quand pendant/après jquery animaions. donc j'ai besoin de la css pour mettre à jour là donc je sais ce qui se passe. mon QN pour cela ici http://stackoverflow.com/questions/1194812/css-ie7-8-issues – iceangel89

IE8 comprend une grande developper tools

Source

2009-07-29 09:19:14

Vous pouvez valider CSS en utilisant W3C CSS Validation Service

À propos About the CSS Validator

Outils de développement

Source

2009-07-29 09:24:26 Ahmed

Pour le débogage multi-navigateur, vous pouvez utiliser Firebug Lite. C'est comme Firebug lui-même, mais comme une bibliothèque JavaScript externe et testé dans FF, Opera Safari et même le bon vieux IE (comme les états de la page Web).

Source

2009-07-29 09:55:03 Boldewyn

firebug lite ne se réactualise pas en temps réel, par exemple. quand je change de classe avec jquery ou fais de l'animation. – iceangel89

Vraiment? Je pensais que c'était le cas, mais il y a un moment maintenant, depuis que je l'ai utilisé. – Boldewyn