DEV Community

Bored of console.log?

K.V.Harish on June 23, 2020

A useful and fun thing about console.log is that you can add CSS styles to it. You can do it with the help of %c variable which gets replaced with ...
Collapse
 
teclado profile image
Teclado • • Edited
console.log('###################');

Has just die. RIP.

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 •
console.table()
console.chairs()

Decorating with consoles 🥁

Collapse
 
_alexblokh profile image
Alex Blokh •

Remember myself reading a blogpost about how credit cards of millions of people were stolen using an npm package for styling console output. Good old days ☕️

Collapse
 
ajkachnic profile image
Andrew • • Edited

I remember reading this as well... Do you know the title? I'd like to read it again

EDIT: nvm i found it medium.com/hackernoon/im-harvestin...

Collapse
 
kvharish profile image
K.V.Harish •

That's 😱. Thanks Alex and Andrew for sharing. No better way to emphasise on choosing dependencies smartly and carefully.

Collapse
 
kulpras profile image
Prasanna Kulkarni •

npmjs.com/package/chalk
this one I used in many node js projects.

Collapse
 
kvharish profile image
K.V.Harish •

chalk is a good option to go for.

Collapse
 
pujux profile image
Julian Pufler •

Wow! I didn't know that!
I think this is a webkit only thing though, as it surely does not work in terminal. Still an awesome trick!

Collapse
 
kvharish profile image
K.V.Harish • • Edited

Yes seems like it. Like others suggested you can try Chalk or any other alternatives available.

Collapse
 
artiep profile image
artie •

That's cool

Collapse
 
forkinspace profile image
Zaza Siv. •

Yeah that's cool and all but I don't think anyone would ever choose to debug this way just because they might be "bored of console.log"

Collapse
 
kvharish profile image
K.V.Harish •

Ha Ha please do not take the title of this post literally. 😃

Collapse
 
skhmt profile image
Mike 🐈‍⬛ •

Wrote this for fun a while ago that uses one tagged template to color both node.js terminals and frontend dev console text - github.com/Skhmt/ttlog

Collapse
 
kvharish profile image
K.V.Harish •

Cool 👍

Collapse
 
merichard123 profile image
Richard •

This is awesome debugging my JavaScript will be super fun now. It may take a lot longer but it's worth it!

Collapse
 
kvharish profile image
K.V.Harish •

👍