Baru di Chrome: Gambaran Keseluruhan CSS

Chrome melancarkan ciri baru eksperimen yang sejuk! Sekarang kita dapat melihat gambaran keseluruhan CSS mengenai penggunaan laman web, dari bilangan warna kepada bilangan tuntutan yang tidak digunakan, dan juga jumlah pertanyaan media yang ditetapkan.

Harus diingat bahawa ini adalah ciri eksperimen. Ini bermakna ia masih dalam pembangunan dan anda perlu mengaktifkannya sebelum ia boleh digunakan di DevTools.

• Buka DevTools (Tekan Pilihan Perintah I pada Mac; Peralihan Kawalan I pada Windows)
• Pergi ke tetapan DevTools (tekan? Atau Fungsi F1 pada Mac; atau F1 pada Windows)
• Klik untuk membuka bahagian Eksperimen
• Dayakan Pilihan Gambaran Keseluruhan CSS

Anda kemudian akan melihat tab "CSS Gambaran Keseluruhan" baru di bar menu DevTools (selepas tetapan ditutup). Jika anda tidak melihatnya, pastikan ia tidak tersembunyi dalam menu limpahan.

Perhatikan bahawa laporan itu dibahagikan kepada beberapa bahagian, termasuk warna, maklumat fon, kenyataan yang tidak digunakan, dan pertanyaan media. Maklumat ini sangat komprehensif dan jelas sekilas.

Fungsi ini sangat praktikal! Saya suka trend alat semacam ini bermula untuk mengintegrasikan ke dalam penyemak imbas. Fikirkanlah, ini bukan sahaja membantu pemaju front-end, tetapi juga menggalakkan kerjasama kami dengan pereka. Sebagai contoh, pereka boleh membukanya dan menyemak kerja kami untuk memastikan segala -galanya dari palet ke timbunan font adalah utuh.

Atas ialah kandungan terperinci Baru di Chrome: Gambaran Keseluruhan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!