Kustomisasi Alat Pengembang Chrome Dengan DevTools Author

Jika Anda seorang pengembang frontend maka Anda harus sudah tahu tentang panel DevTools Google Chrome. Ini dibundel dengan setiap versi alat penawaran Chrome untuk mengedit HTML / CSS mentah bersama dengan konsol JS dan kemampuan untuk memanipulasi DOM secara real time.

Plugin Chrome baru gratis bernama DevTools Author memungkinkan Anda menyesuaikan panel DevTools dengan skema warna sintaksis tambahan, font unik dan ukuran font khusus.

Pengaturannya cukup mudah. Anda cukup memasang ekstensi dari Toko Web Chrome dan kemudian mengunjungi tautan ini di browser Anda: chrome: // flags / # enable-devtools-experiment

Anda akan menemukan diri Anda di panel Bendera Chrome tempat Anda harus mengaktifkan eksperimen DevTools. Setelah diaktifkan, Anda harus memulai ulang Chrome, buka panel pengaturan DevTools dan temukan tab "eksperimen".

Kemudian Anda cukup centang "izinkan tema khusus UI" dan Anda siap melakukannya!

Anda dapat memilih dari lebih dari 25 skema warna sintaks yang berbeda yang membuat editor Chrome lebih mudah digunakan. Dan Anda dapat mengubah ukuran font dari 10px-22px atau bahkan memperbarui font konsol ke font yang sudah diinstal pada sistem operasi Anda.

Plugin ini tidak menambahkan fitur inti ke DevTools, melainkan memungkinkan Anda mengubah gaya dan tampilan jendela DevTools Anda. Sangat mudah untuk mengonfigurasi dan itu bisa membuat pengalaman DevTools Anda merasa jauh lebih personal.

Jika Anda memiliki masalah saat pemasangan maka lihat video intro yang dipandu ini.