How did Facebook change the font of Javascript console output?

Question

Example screenshot from the JavaScript console (Google Chrome 35, Win7) on a Facebook page:

Example screenshot

How is this done? Is there a way to inspect/debug the console?

When does that happen? I opened the JS console on Mac Chrome 36 while at facebook.com, I didn't see it. — Barmar, Jun 10 '14 at 21:25
See this question: https://stackoverflow.com/questions/21692646/how-does-facebook-disable-the-browsers-integrated-developer-tools — Calum, Jun 10 '14 at 21:26

score 35 · Accepted Answer · edited Apr 07 '17 at 15:30

35

Console API Reference:

Nice example of using the console.log:

console.log("%cUser %s has %d points", "color:orange; background:blue; font-size: 16pt", 'User', 100);

Just paste it into the console :)

edited Apr 07 '17 at 15:30

biphobe

answered Jun 10 '14 at 21:27

gustavodidomenico

1 Answers1