Pesticide - Trình gỡ lỗi CSS nâng cao icon

Pesticide - Trình gỡ lỗi CSS nâng cao

Extension Actions

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

Không chỉ chèn đường viền (không có màu nền) vào tất cả các thành phần mà còn kiểm tra kích thước và bố cục. CSS thật tuyệt vời!

Image from store
Pesticide - Trình gỡ lỗi CSS nâng cao
Description from store

Nâng cao trải nghiệm phát triển web của bạn với Pesticide – công cụ tối ưu để gỡ lỗi bố cục và làm chủ CSS!

🔍 Pesticide có tác dụng gì?
Pesticide phủ các hướng dẫn trực quan lên trang web của bạn, giúp bạn dễ dàng xác định ranh giới phần tử, kích thước, gỡ lỗi bố cục và hoàn thiện mô hình hộp CSS của mình. Cho dù bạn là người mới bắt đầu hay là nhà phát triển web chuyên nghiệp, công cụ này là giải pháp phù hợp để khắc phục sự cố bố cục.

🌟 Các tính năng chính

- Gỡ lỗi CSS dễ dàng: Làm nổi bật ngay các phác thảo phần tử để hiểu cấu trúc bố cục của bạn.
- Chuyển đổi dễ dàng: Sử dụng các phím tắt như Ctrl + Shift + P hoặc menu ngữ cảnh để bật/tắt Pesticide.
- Hướng dẫn tương tác: Biểu ngữ đẹp mắt cung cấp các mẹo sử dụng hiệu quả, bao gồm cách thoát hoặc chuyển đổi chế độ.
- Tùy chỉnh: Bạn có thể quyết định thông tin gỡ lỗi cần thiết trong trang tùy chọn.
- Tăng năng suất: Tiết kiệm thời gian gỡ lỗi bố cục phức tạp bằng các công cụ hỗ trợ trực quan trực quan.
- Thêm trang tùy chọn để bạn có thể kiểm soát việc hiển thị/ẩn biểu ngữ dưới cùng khi khởi động theo mặc định

💼 Tại sao nên chọn Pesticide cho Chrome?

- Được tối ưu hóa để tăng tốc độ và tính đơn giản.
- Không còn phải đoán nữa! Xem chính xác cách các thành phần của bạn được xếp chồng lên nhau.
- Hoàn hảo cho các nhà phát triển, nhà thiết kế và bất kỳ ai đam mê tạo ra các trang web hoàn hảo đến từng pixel.
- Cải thiện hiệu quả gỡ lỗi: Nhanh chóng phát hiện các vấn đề về bố cục bằng cách phác thảo từng thành phần trên trang.
- Hình dung DOM: Hiểu cách HTML và CSS của bạn hoạt động cùng nhau để định hình trang.
- Dễ sử dụng: Chỉ cần bật hoặc tắt tiện ích mở rộng để chèn hoặc xóa kiểu Pesticide theo thời gian thực.
- Hoàn hảo để học: Người mới bắt đầu có thể hiểu rõ hơn về cách bố cục thành phần hoạt động bằng cách trực quan xem hiệu ứng của CSS.

🚀 Cài đặt Pesticide ngay hôm nay!

Đơn giản hóa quy trình làm việc của bạn và kiểm soát các thiết kế web của bạn. Tải xuống Pesticide cho Chrome ngay bây giờ và biến việc gỡ lỗi CSS trở nên dễ dàng! Nếu bạn nghiêm túc muốn xây dựng một trang web sạch sẽ, có cấu trúc tốt thì Pesticide for Chrome là công cụ không thể thiếu trong bộ công cụ của bạn!

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!