Thread by @denicmarko

Use `console.log()` like a pro.

Using `console.log()` for JavaScript debugging is the most common practice. But, there is more…

🧵

* The most common Console methods:

console.log() – For general output of logging information.
console. info() – Informative logging.
console.debug() – A message to the console with the log level debug.
console.warn() – A warning message.
console.error() – An error message.

* Custom CSS styles for a console.log():

The `console.log` output can be styled in DevTools using the CSS format specifier.

* String substitutions:

When passing a string to one of the console object’s methods that accept a string (such as log()), you may use these substitution strings:

%s – string
%i or %d – integer
%o or %O – object
%f – float

* `console.assert()`:

Log a message and stack trace to the console if the first argument is false.

* `console.clear()`:

Clear the console.

* `console.count()`:

Log the number of times this line has been called with the given label.

* `console.dir()`:

Displays an interactive list of the properties of the specified JavaScript object.

* `console. group()` and `console.groupEnd()`:

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

* HTML elements in the console:

* `console.memory`:

The memory property can be used to check out the heap size status
Note: memory is a property and not a method.

* `console.table()`:

Displays tabular data as a table.

* `console.time()` and `console.timeEnd()`:

console.time() – Starts a timer with a name specified as an input parameter. Up to 10,000 simultaneous timers can run on a given page.
console.timeEnd() – Stops the specified timer and logs the elapsed time in seconds since it started.

* `console.trace()`:

Outputs a stack trace.

If you like this thread, maybe you'd love to bookmark it as a post { via @hashnode }:
denic.hashnode.dev/use-consolelog…