Pesticide - Débogueur CSS avancé

Non seulement il insère des contours (sans couleur d'arrière-plan) sur tous les éléments, mais il vérifie également leur taille et…

Pesticide 3.2 est un débogueur CSS avancé pour Chrome qui vous permet d'inspecter la mise en page, l'espacement, la typographie et les styles calculés directement sur la page. Activez-le et survolez un élément pour ouvrir un inspecteur flottant affichant les informations essentielles : - Étiquette, ID et classes de l'élément - Chemin DOM - Dimensions client / décalage / défilement - Modèle de boîte complet : marge, bordure, remplissage, rayon et taille du contenu - Inspection des polices - Propriétés CSS calculées - Copie du code CSS généré aux formats Tailwind, en ligne ou bloc Atouts de Pesticide : - Débogage basé sur le contour sans modifier la mise en page - Possibilité d'épingler l'élément courant pour comparer l'espacement et les styles - Superposition d'inspecteur redimensionnable et déplaçable - Position et taille du panneau enregistrées pour chaque site - Page d'options pour afficher ou masquer les sections de l'inspecteur - Accès rapide au clavier avec Ctrl + Maj + P Pesticide est conçu pour les développeurs front-end, les designers et tous ceux qui déboguent du CSS complexe. Il vous offre un moyen visuel rapide de comprendre la structure d'une page sans avoir à ouvrir des outils complexes pour chaque petite vérification de mise en page. Points forts de la version 3.2 : - Amélioration du flux de travail de l'inspecteur flottant - Panneau de copie CSS avec sortie Tailwind, en ligne et bloc - Inspection des polices et des styles calculés - Sections de l'inspecteur configurables depuis la page des options Si vous recherchez une extension Chrome légère pour un débogage CSS plus rapide, Pesticide est faite pour vous.