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

Покращуйте свій досвід веб-розробки за допомогою Pesticide – найкращого інструменту для налагодження макетів і опанування CSS!

🔍 Що робить пестицид?
Pesticide накладає візуальні посібники на вашу веб-сторінку, що полегшує визначення меж елементів, розмірів, налагодження макетів і вдосконалення ваших моделей коробок CSS. Незалежно від того, чи ви початківець, чи досвідчений веб-розробник, цей інструмент стане вашим найкращим рішенням для усунення несправностей макета.

🌟 Основні характеристики

- Спрощене налагодження CSS: миттєво виділіть контури елементів, щоб зрозуміти структуру макета.
- Перемикання з легкістю: використовуйте комбінації клавіш, наприклад Ctrl + Shift + P, або контекстне меню, щоб увімкнути/вимкнути Pesticide.
- Інтерактивні інструкції: витончений банер містить підказки щодо ефективного використання, включно з тим, як вийти або перемкнути режими.
- Налаштування: ви можете вибрати інформацію про налагодження, яка вам потрібна, на сторінці параметрів.
- Підвищення продуктивності: заощаджуйте час налагодження складних макетів за допомогою інтуїтивно зрозумілих візуальних засобів.
— Додано сторінку параметрів, щоб ви могли контролювати показ/приховування нижнього банера під час запуску за замовчуванням

💼 Чому варто вибрати Pesticide for Chrome?

- Оптимізовано для швидкості та простоти.
— Більше ніяких здогадів! Подивіться, як саме складені ваші елементи.
- Ідеально підходить для розробників, дизайнерів і всіх, хто захоплюється створенням піксельних веб-сторінок.
- Підвищення ефективності налагодження: швидко виявляйте проблеми з макетом, виділяючи кожен елемент на сторінці.
- Візуалізуйте DOM: зрозумійте, як ваші HTML і CSS разом формують сторінку.
- Простий у використанні: просто увімкніть або вимкніть розширення, щоб ввести або видалити пестицидний стиль у режимі реального часу.
- Ідеально підходить для навчання: початківці можуть краще зрозуміти, як поводяться макети елементів, візуально побачивши вплив свого CSS.

🚀 Встановіть Pesticide сьогодні!

Спростіть свій робочий процес і візьміть під контроль свій веб-дизайн. Завантажте Pesticide для Chrome зараз і зробіть налагодження CSS легким! Якщо ви серйозно налаштовані на створення чистих, добре структурованих веб-сайтів, Pesticide для Chrome обов’язково має бути у вашому наборі інструментів!

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!