Pesticide - دیباگر پیشرفته CSS icon

Pesticide - دیباگر پیشرفته CSS

Extension Actions

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

نه تنها خطوط کلی (بدون رنگ پس زمینه) را روی همه عناصر درج می کند، بلکه اندازه و طرح بندی را نیز بررسی می کند. CSS عالی است!

Image from store
Pesticide - دیباگر پیشرفته CSS
Description from store

تجربه توسعه وب خود را با آفت کش ارتقا دهید - ابزار نهایی برای اشکال زدایی طرح بندی ها و تسلط بر CSS!

🔍 آفت کش چه می کند؟
آفت کش ها راهنماهای بصری را در صفحه وب شما پوشش می دهند و شناسایی مرزهای عناصر، اندازه ها، طرح بندی های اشکال زدایی و کامل کردن مدل های جعبه CSS خود را آسان می کند. چه مبتدی یا یک توسعه‌دهنده وب متخصص باشید، این ابزار راه‌حل اصلی شما برای عیب‌یابی طرح‌بندی است.

🌟 ویژگی های کلیدی

- اشکال زدایی CSS آسان شد: فوراً خطوط کلی عناصر را برجسته کنید تا ساختار طرح خود را درک کنید.
- تعویض با سهولت: از میانبرهای صفحه کلید مانند Ctrl + Shift + P یا منوی زمینه برای فعال/غیرفعال کردن آفت کش استفاده کنید.
- دستورالعمل های تعاملی: یک بنر شیک نکاتی را برای استفاده کارآمد ارائه می دهد، از جمله نحوه خروج یا تغییر حالت ها.
- سفارشی سازی: می توانید اطلاعات اشکال زدایی مورد نیاز خود را در صفحه گزینه ها تعیین کنید.
- افزایش بهره وری: در زمان رفع اشکال طرح بندی های پیچیده با کمک های بصری بصری صرفه جویی کنید.
- یک صفحه گزینه اضافه شد تا بتوانید به طور پیش فرض نمایش / پنهان کردن بنر پایین هنگام راه اندازی را کنترل کنید

💼 چرا آفت کش را برای کروم انتخاب کنیم؟

- برای سرعت و سادگی بهینه شده است.
- دیگر حدس نمی زنم! ببینید دقیقا چگونه عناصر شما روی هم چیده شده اند.
- ایده آل برای توسعه دهندگان، طراحان، و هر کسی که علاقه مند به ایجاد صفحات وب با پیکسل کامل است.
- بهبود کارایی اشکال زدایی: به سرعت مشکلات طرح بندی را با ترسیم هر عنصر در صفحه تشخیص دهید.
- تجسم DOM: درک کنید که چگونه HTML و CSS شما با هم کار می کنند تا صفحه را شکل دهند.
- استفاده آسان: فقط کافی است پسوند را روشن یا خاموش کنید تا ظاهر آفت کش را در زمان واقعی تزریق یا حذف کنید.
- ایده آل برای یادگیری: مبتدیان می توانند با دیدن بصری اثرات CSS خود، بهتر درک کنند که چیدمان های عناصر چگونه رفتار می کنند.

🚀 همین امروز آفت کش را نصب کنید!

گردش کار خود را ساده کنید و کنترل طرح های وب خود را در دست بگیرید. هم اکنون آفت کش را برای کروم دانلود کنید و اشکال زدایی CSS را سریع کنید! اگر در ساخت وب‌سایت‌های تمیز و با ساختار جدی هستید، آفت‌کش برای کروم یک ابزار ضروری در جعبه ابزار شماست!

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!