Sesuaikan Alat Pembangun Chrome Dengan Pengarang DevTools

Jika anda seorang pemaju frontend maka anda sudah tentu tahu tentang panel DevTools Google Chrome. Ini dilengkapi dengan setiap versi Chrome yang menawarkan alat untuk mengedit HTML mentah / CSS bersama dengan konsol JS dan keupayaan untuk memanipulasi DOM secara real time.

Plugin Chrome percuma baru yang dipanggil DevTools Author membolehkan anda menyesuaikan panel DevTools dengan skema warna sintaks tambahan, fon unik dan saiz font tersuai.

Persediaan cukup mudah. Anda hanya memasang pelanjutan dari Webstore Chrome dan kemudian lawati pautan ini dalam penyemak imbas anda: chrome: // flags / # enable-devtools-experiments

Anda akan mendapati diri anda dalam panel Chrome Flags di mana anda perlu mendayakan percubaan DevTools. Setelah itu diaktifkan, anda perlu memulakan semula Chrome, buka panel tetapan DevTools dan cari tab "eksperimen".

Kemudian anda hanya semak "membolehkan tema UI khusus" dan anda baik untuk pergi!

Anda boleh memilih daripada lebih daripada 25 skema warna sintaks yang berbeza yang menjadikan editor Chrome lebih mudah digunakan. Dan anda boleh menukar saiz fon dari 10px-22px atau bahkan mengemas kini fon konsol kepada mana-mana fon yang telah dipasang pada sistem pengendalian anda.

Plugin ini tidak menambah sebarang ciri teras ke DevTools, tetapi membolehkan anda mengubah gaya dan melihat tetingkap DevTools anda. Ia menghairankan mudah untuk dikonfigurasikan dan ia boleh menjadikan pengalaman DevTools anda lebih terperinci.

Jika anda menghadapi sebarang masalah semasa membuat persediaan maka semak video intro yang dipandu ini.