Bolehkah Anda Menggunakan CSS untuk Mewarnakan Output Konsol dalam Chrome dan Firefox?

Memaparkan Warna dalam Konsol JavaScript

Adakah mungkin untuk menggunakan konsol Chrome untuk memaparkan teks berwarna, seperti merah untuk ralat, oren untuk amaran , dan hijau untuk mesej console.log?

Jawapan

Ya, adalah mungkin untuk menggunakan CSS untuk menambah warna pada mesej yang dipaparkan dalam konsol dalam kedua-dua Chrome dan Firefox (versi 31 atau lebih baru). Untuk mencapai matlamat ini, gunakan corak berikut:

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

Dalam contoh ini, %c mewakili gaya CSS untuk digunakan pada teks, manakala rentetan seterusnya di dalam petikan tunggal mentakrifkan peraturan gaya sebenar. Peraturan gaya CSS boleh termasuk sifat seperti latar belakang, warna dan berat fon untuk memformat teks seperti yang dikehendaki.

Atas ialah kandungan terperinci Bolehkah Anda Menggunakan CSS untuk Mewarnakan Output Konsol dalam Chrome dan Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!