Today I Learned - Rocky Kev

Grouping console messages together

POSTED ON:

TAGS: javascript devtools

You can wrap console messages together using

console.group('name') and console.groupEnd('name')

The MDN:

console.group()
Creates a new inline group, indenting all following output by another level. To move back out a level, call groupEnd().

console.groupCollapsed()
Creates a new inline group, indenting all following output by another level. However, unlike group() this starts with the inline group collapsed requiring the use of a disclosure button to expand it. To move back out a level, call groupEnd().

console.groupEnd()
Exits the current inline group.

Via Christian Heilmann's Developer Tools secrets that shouldn’t be secrets

Related TILs

Tagged: javascript

TIL what is npm Script

Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.

TIL fancy methods to transform Javascript Objects

You can use Object.entries(), Object.keys(), Object.fromEntries()...

TIL how to hide your JS code

ONE THING TO NOTE: Encrypting a script is stronger than obfuscation, both methods are still not adequate to protect secret content. Honestly, I don't think it's worth it on a production site, and instead just go with pure server-side if you want security. But it's fascinating.