Bugün Facebook'ta Chrome'da Konsol tarafından 'yürüdüm'.
Şaşırtıcı bir şekilde bu mesajı konsolda aldım.
Şimdi sorum şu:
Bu nasıl mümkün olabilir?
Konsol için birkaç 'istismar' yöntemi olduğunu biliyorum, ancak konsolda böyle bir yazı tipi biçimlendirmesini nasıl yapabilirsiniz? (ve console.log mu?)
Biçimlendirilmiş javascript konsolu günlük mesajlarını nasıl oluştururum
Yanıtlar:
Evet, şu şekilde biçimlendirebilirsiniz console.log():
console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");
Not %cİlk argüman önceki metin ve ikinci argüman tarzı özelliklere. Metin, örneğiniz gibi görünecektir.
Daha fazla ayrıntı için Google'ın "CSS ile Konsol Çıktısını Stil Oluşturma" ya da FireBug Konsol Belgelerine bakın.
Dokümantasyon bağlantıları ayrıca bir konsol günlüğüne nesne bağlantıları dahil etmek gibi diğer bazı düzgün hileleri de içerir.
Bunu dene:
console.log("%cThis will be formatted with blue text", "color: blue");
Dokümanlardan alıntı yapmak,
Console.log () veya ilgili yöntemlerle Konsola yazdığınız herhangi bir dizeye özel CSS kuralları uygulamak için% c biçim belirticisini kullanırsınız.
Merhaba downvoter, eklemek için herhangi bir yorum var mı? - Kendinizi açıklayan yorumlar bırakmadığınızda (iyi olmadığını düşündüğünüz) bir cevabı geliştirmek zordur. :)
—
blurfus
Ayrıca alt dizeleri de biçimlendirebilirsiniz.
var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);
Yalnızca öğesinin ilk argümanı içinde
—
Qwerty
console.logbiçimlendirmenin mümkün olduğuna ve stillerin hemen ardından gelmesi gerektiğine dikkat edin.
console.logEski tarayıcılar komut dosyanızı bir istisna dışında durdurabileceğinden, içinde biçim dizelerini kullanmaya çalışmadan önce uyumlu bir tarayıcının kullanımda olup olmadığını kontrol etmek isteyebilirsiniz. caniuse , Firefox 9 ve Edge 79'da tanıtıldığını söylüyor ; Chrome, bunu açıkça Chrome 83'ten bir süre önce desteklemeye başladı, ancak tam olarak ne zaman olduğunu bilmiyoruz.