Pesticide - Débogueur CSS avancé icon

Pesticide - Débogueur CSS avancé

Extension Actions

CRX ID
jeebpgmphhagpecfiophljpkhncoajcg
Status
  • Live on Store
Description from extension meta

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…

Image from store
Pesticide - Débogueur CSS avancé
Description from store

Améliorez votre expérience de développement web avec Pesticide, l'outil ultime pour déboguer les mises en page et maîtriser le CSS !

🔍 À quoi sert Pesticide ?
Pesticide superpose des guides visuels sur votre page web, facilitant ainsi l'identification des limites et des tailles des éléments, le débogage des mises en page et le perfectionnement de vos modèles de boîtes CSS. Que vous soyez débutant ou expert en développement web, cet outil est la solution idéale pour résoudre les problèmes de mise en page.

🌟 Principales fonctionnalités

- Débogage CSS simplifié : Surlignez instantanément les contours des éléments pour comprendre la structure de votre mise en page.
- Basculez facilement : Utilisez des raccourcis clavier comme Ctrl + Maj + P ou le menu contextuel pour activer/désactiver Pesticide.
- Instructions interactives : Une bannière élégante fournit des conseils pour une utilisation efficace, notamment pour quitter ou changer de mode.
- Personnalisation : Vous pouvez définir les informations de débogage nécessaires dans la page des options.
- Productivité optimisée : Gagnez du temps en déboguant des mises en page complexes grâce à des aides visuelles intuitives.
- Ajout d'une page d'options permettant de contrôler l'affichage/masquage de la bannière inférieure au démarrage par défaut.

💼 Pourquoi choisir Pesticide pour Chrome ?

- Optimisé pour la rapidité et la simplicité.
- Plus besoin de deviner ! Visualisez précisément l'empilement de vos éléments.
- Idéal pour les développeurs, les designers et tous ceux qui souhaitent créer des pages web au pixel près.
- Améliorez l'efficacité du débogage : Repérez rapidement les problèmes de mise en page en décrivant chaque élément de la page.
- Visualisez le DOM : Comprenez comment vos codes HTML et CSS interagissent pour façonner la page.
- Facile à utiliser : Activez ou désactivez l'extension pour appliquer ou supprimer le style Pesticide en temps réel.
- Idéal pour l'apprentissage : Les débutants peuvent mieux comprendre le comportement des éléments en visualisant les effets de leur CSS.

🚀 Installez Pesticide dès aujourd'hui !

Simplifiez votre flux de travail et prenez le contrôle de vos conceptions web. Téléchargez Pesticide pour Chrome dès maintenant et simplifiez le débogage CSS ! Si vous souhaitez sérieusement créer des sites Web propres et bien structurés, Pesticide pour Chrome est un incontournable dans votre boîte à outils !

Latest reviews

Nikola Janjic
Very good ext. Thanks
EJ Lai
Very advanced, shows you a ton like classes and dimensions without the need to fiddle with the horribly cramped and disorganized console tabs, indispensable for development - love it!
Mayank Adeva
Good One
nan Da
this is a good one to use with code editors. Thanks to dev team.
Romeo Rel
Good
Sojib Mir
gd extension
TEDD
best
marketing consultero
Awesome
Aaron Xu
Ths for the amazing plugin However, can it support adjust width/height? It seems too big in some display
Stephen Skarstedt
Fantastic Tool!!! Works extremely well!!! Thank you!
dyllan van wyk
Awesome tool, thank you so much
kareem sarhan
best
Animesh Maity
Good, gets the job done. Could give a solid 5 star if the size of the banner could be adjusted. Thank you.
Manuel Jovedo Canog
Very good. I hope I can adjust the size of the banner, though.
Assem Hamza
it fix the proplems
Pascalau Nicu
very helpful
Ademola Afolabi
Very useful extension
Fred Fraser
Love it!
Tamer Ghaly
I liked it
debo listixxs
love this pesticide
Colin Muriithi
Extremely practical, useful and crucial for design / frontend debugging...thanks for this!
med yasser
perfect actually helping new programmers to debug and know what are the problem with css code
Imanariyo Baptiste
very helpfully tool
luis paredes
Best tool for web developers.
Victor Akhihiero
The pesticide extension i was using before got outdated. really glad i could find a suitable replacement
John Lloyd Basco
It's been my go-to tool for frontend development in all my projects! Thank you!
Sujal
this is much much helpful. thanks a lot devs
Jegede Joseph
I love it
David Henson
Was using a similar extension that kept breaking. This one is so much better. Love the details at the bottom! Really useful.
Dayaash G
Great Assistant during development.
fandan
thanks for making this,
Henrique Candiotto
I enjoyed it. Really useful!
Alyssa Michelle
As a front end developer, I use this constantly. However, the enormous section on the bottom of the screen really kills the vibe. I want to SEE my UI. The CSS change on hover can be nice, but also very distracting. Can we please get the option to turn these features off?
Gustavo Starace
Great extension for developers!
SH Park
gg
Luqman Ola
Great
steam punck
Great tool for front end developers learning how CSS works!