Debug CSS untuk Google Chrome

Debug CSS untuk chrome dari Pranay Joshi

Debug CSS adalah ekstensi ringan untuk Google Chrome yang memungkinkan Anda melihat garis besar semua elemen pada halaman. Ini adalah alat yang berguna bagi pengembang, perancang, dan pembuat game untuk membantu mereka men-debug situs web dan aplikasi mereka.

Dengan ekstensi ini, Anda dapat dengan mudah melihat gaya semua elemen di halaman. Cukup klik ikon untuk mengaktifkan atau menonaktifkannya.

Setelah Anda menginstalnya, Anda dapat menggunakannya dengan menekan tombol Ctrl dan mengarahkan kursor ke elemen. Anda akan melihat nama dan nilai elemen.

Nama dan nilai elemen akan ditampilkan dalam warna berbeda.

Ini adalah alat yang sangat berguna bagi pengembang dan desainer untuk membantu mereka men-debug aplikasi dan situs web mereka.

Bagaimana cara menggunakannya?

Setelah instalasi, Anda perlu menambahkan kode berikut ke dalam file CSS:

`

* {

outline: 1px solid red;

}`

Anda harus memastikan bahwa Anda memiliki Chrome versi terbaru.