JavaScript - dodawanie stylu do tekstu logu konsoli

Question

Niedawno zalogowałem się na moje konto FB w przeglądarce Chrome. Kiedy otworzył narzędzi programistycznych, widziałem coś takiego:

Teraz wiem, że jest możliwe coś dodać do konsoli za pomocą javascript console.log funkcję. Ale moje pytanie brzmi - w jaki sposób dodali stylu do tekstu? Na przykład. "Zatrzymać!" jest napisana czerwoną czcionką tahoma z czarną obwódką i większym rozmiarem. Jak oni to zrobili?

Answer 1

Addy Osmani ma dobre wyjaśnienie:

https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn

Zasadniczo, można użyć% c paramater przejść w CSS stylizacji. Na przykład, spróbuj wykonać następujące czynności w konsoli chrome:

console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");