Pencari Gaya tidak patuh dalam Chrome dengan OffiDocs

DESCRIPTION

Find and list non-compliant style classes and IDs in Chrome DevTools Console.

Direka untuk arkitek dan pembangun yang lebih suka pendekatan yang mudah kepada konvensyen penamaan CSS. Sambungan ini sesuai untuk mereka yang komited untuk mencipta helaian gaya yang bersih, boleh dibaca dan berskala tanpa kompromi.

Cukup buka Konsol Pembangun dengan kekunci F12 dan klik pada ikon sambungan. Serta-merta, mana-mana kelas dan ID CSS yang tidak patuh didedahkan sebagai tatasusunan JavaScript. Anda boleh menyalin tatasusunan ini untuk memudahkan automasi selanjutnya, seperti proses linting.

Corak yang Boleh Diterima:

- Huruf kecil dengan Sempang: Memastikan gabungan lancar, seperti `mat-mdc-input-element`.
- Sempang Berganda untuk Varian: Menandai varian secara tersendiri, contohnya, `mdc-button--raised`.
- Garis Bawah Berganda untuk Sub-elemen: Mentakrifkan elemen dalam blok, cth, `mdc-button__ripple`.
- Varian Kompaun: Membolehkan untuk spesifikasi terperinci varian, seperti `mdc-floating-label--float-above`.

Corak Tidak Boleh Diterima:

- CamelCase: Gunakan btn-wrapper dan bukannya btnWrapper.
- Huruf Besar di Mula: Pilih permulaan huruf kecil dan bukannya BtnWrapper atau Btn-wrapper.
- Pemisah Campuran: Lebih suka mdc-button__label daripada mdc_button-label.
- Pemisah Berulang: Gunakan mdc-button dan bukannya mdc--button atau mdc__button.

Tingkatkan aliran kerja anda dan pastikan helaian gaya anda mudah dilayari, menegakkan piawaian pengekodan tertinggi.

Nota Tambahan:

Pemeriksa Gaya ini digunakan semasa fasa pembangunan untuk mengesan nama kelas dan ID yang tidak konsisten dalam projek anda apabila anda menjalankan projek anda secara tempatan atau dalam mod pembangunan.

Apl pengeluaran menjalani proses "mengurangkan" dan "memburukkan", menghasilkan gaya CSS yang secara semula jadi tidak akan mematuhi konvensyen penamaan. Sambungan ini dibuat oleh pembangun untuk pembangun, bertujuan untuk menyelaraskan dan memastikan konsistensi dalam amalan pengekodan sebelum penggunaan.

Non compliant Style Finder web extension disepadukan dengan OffiDocs Chromium talian