Pesticide - Debugger CSS Tingkat Lanjut icon

Pesticide - Debugger CSS Tingkat Lanjut

Extension Actions

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

Tidak hanya menyisipkan garis luar (tanpa warna latar belakang) pada semua elemen, tetapi juga memeriksa ukuran dan tata letak. CSS…

Image from store
Pesticide - Debugger CSS Tingkat Lanjut
Description from store

Tingkatkan pengalaman pengembangan web Anda dengan Pesticide – alat terbaik untuk men-debug tata letak dan menguasai CSS!

🔍 Apa Fungsi Pesticide?
Pesticide melapisi panduan visual di halaman web Anda, sehingga memudahkan Anda mengidentifikasi batas elemen, ukuran, men-debug tata letak, dan menyempurnakan model kotak CSS Anda. Baik Anda seorang pemula atau pengembang web ahli, alat ini adalah solusi tepat untuk mengatasi masalah tata letak.

🌟 Fitur Utama

- Debugging CSS Menjadi Mudah: Sorot garis besar elemen secara instan untuk memahami struktur tata letak Anda.
- Beralih dengan Mudah: Gunakan pintasan keyboard seperti Ctrl + Shift + P atau menu konteks untuk mengaktifkan/menonaktifkan Pesticide.
- Instruksi Interaktif: Spanduk yang ramping memberikan kiat untuk penggunaan yang efisien, termasuk cara keluar atau beralih mode.
- Kustomisasi: Anda dapat memutuskan info debug yang Anda perlukan di halaman opsi.
- Meningkatkan Produktivitas: Hemat waktu men-debug tata letak yang rumit dengan bantuan visual yang intuitif. - Menambahkan halaman opsi sehingga Anda dapat mengontrol menampilkan/menyembunyikan banner bawah saat memulai secara default

💼 Mengapa Memilih Pestisida untuk Chrome?

- Dioptimalkan untuk kecepatan dan kesederhanaan.
- Tidak perlu menebak lagi! Lihat dengan tepat bagaimana elemen Anda disusun.
- Sempurna untuk pengembang, desainer, dan siapa pun yang bersemangat membuat halaman web dengan piksel sempurna.
- Meningkatkan Efisiensi Debugging: Temukan masalah tata letak dengan cepat dengan menguraikan setiap elemen pada halaman.
- Visualisasikan DOM: Pahami bagaimana HTML dan CSS Anda bekerja sama untuk membentuk halaman.
- Mudah Digunakan: Cukup aktifkan atau nonaktifkan ekstensi untuk menyuntikkan atau menghapus gaya Pestisida secara real time.
- Sempurna untuk Pembelajaran: Pemula dapat lebih memahami bagaimana tata letak elemen berperilaku dengan melihat efek CSS mereka secara visual.

🚀 Instal Pestisida Hari Ini!

Sederhanakan alur kerja Anda dan kendalikan desain web Anda. Unduh Pestisida untuk Chrome sekarang dan buat debugging CSS menjadi mudah! Jika Anda serius ingin membangun situs web yang bersih dan terstruktur dengan baik, Pesticide for Chrome adalah sesuatu yang wajib ada di perangkat Anda!

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!