Pesticide - Advanced na CSS Debugger icon

Pesticide - Advanced na CSS Debugger

Extension Actions

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

Hindi lamang naglalagay ng mga balangkas (walang kulay ng background) sa lahat ng elemento, ngunit sinusuri din ang laki at layout.…

Image from store
Pesticide - Advanced na CSS Debugger
Description from store

Itaas ang iyong karanasan sa web development gamit ang Pesticide – ang pinakahuling tool para sa pag-debug ng mga layout at pag-master ng CSS!

🔍 Ano ang Nagagawa ng Pestisidyo?
Ang pestisidyo ay nag-o-overlay ng mga visual na gabay sa iyong webpage, na ginagawang walang kahirap-hirap na tukuyin ang mga hangganan ng elemento, laki, mga layout ng pag-debug, at gawing perpekto ang iyong mga modelo ng CSS box. Baguhan ka man o dalubhasa sa web developer, ang tool na ito ang iyong solusyon para sa pag-troubleshoot ng layout.

🌟 Mga Pangunahing Tampok

- Madaling Pag-debug ng CSS: Agad na i-highlight ang mga balangkas ng elemento upang maunawaan ang istraktura ng iyong layout.
- I-toggle nang Madali: Gumamit ng mga keyboard shortcut tulad ng Ctrl + Shift + P o ang menu ng konteksto upang paganahin/paganahin ang Pestisidyo.
- Mga Interactive na Tagubilin: Ang isang makinis na banner ay nagbibigay ng mga tip para sa mahusay na paggamit, kabilang ang kung paano huminto o mag-toggle ng mga mode.
- Pag-customize: Maaari kang magpasya sa impormasyon sa pag-debug na kailangan mo sa pahina ng mga pagpipilian.
- Palakasin ang Produktibo: Makatipid ng oras sa pag-debug ng mga kumplikadong layout gamit ang mga intuitive na visual aid.
- Nagdagdag ng pahina ng mga pagpipilian upang makontrol mo ang pagpapakita / pagtatago sa ibabang banner sa startup bilang default

💼 Bakit Pumili ng Pesticide para sa Chrome?

- Na-optimize para sa bilis at pagiging simple.
- Hindi na manghula! Tingnan nang eksakto kung paano nakasalansan ang iyong mga elemento.
- Perpekto para sa mga developer, designer, at sinumang mahilig sa paggawa ng pixel-perfect na web page.
- Pagbutihin ang Kahusayan sa Pag-debug: Mabilis na makita ang mga problema sa layout sa pamamagitan ng pagbalangkas sa bawat elemento sa pahina.
- I-visualize ang DOM: Unawain kung paano gumagana nang magkasama ang iyong HTML at CSS upang hubugin ang pahina.
- Madaling Gamitin: I-toggle lang ang extension sa on o off para i-inject o alisin ang Pesticide styling sa real time.
- Perpekto para sa Pag-aaral: Mas mauunawaan ng mga nagsisimula kung paano kumikilos ang mga layout ng elemento sa pamamagitan ng biswal na pagtingin sa mga epekto ng kanilang CSS.

🚀 Mag-install ng Pesticide Ngayon!

Pasimplehin ang iyong daloy ng trabaho at kontrolin ang iyong mga disenyo sa web. I-download ang Pesticide para sa Chrome ngayon at gawing madali ang pag-debug ng CSS! Kung seryoso ka sa pagbuo ng malinis at maayos na mga website, ang Pesticide para sa Chrome ay kailangang-kailangan sa iyong toolkit!

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!