Zapraszam Cię do poradnika jak dodawać style do console.log w JavaScript. Razem przyjrzymy się, jak to dokładnie działa i jak możesz ciekawie wykorzystać tą funkcjonalność w swojej codziennej pracy. Zobaczysz też, jak niektóre firmy używają styli w console.log aby kreatywnie komunikować się ze swoimi użytkownikami.

Facebook próbuje odstraszać

Jeśli zdarzyło Ci się kiedyś zerknąć na konsolę będąc na stronie Facebooka to pewnie zobaczyłaś lub zobaczyłeś taki oto widok:

Możesz pomyśleć, że to zasługa genialnych ludzi z Facebooka, którzy potrafią robić takie czary w konsoli 😉 Okazuje się jednak, że takie stylowanie wiadomości to standardowa funkcjonalność dostępna dla każdego. Zobaczmy więc jak uzyskać taki i wiele innych ciekawych efektów.

Console.log inaczej czyli substitution strings w akcji

Jeśli spojrzysz na dokumentację funkcji console.log to zwrócisz uwagę na to, że zawiera ona również drugą część, którą w artykule o podstawach console.log pominęliśmy.

Druga część definicji mówi nam, że w funkcji console.log możemy użyć tzw. substitution strings. Są to specjalne symbole, które pełnią rolę zmiennych i zostaną zastąpione wartościami podanymi po przecinku.