Javascript List of All Console Methods/Properties

Most Javascript Programmers are Aware of Console.log But Did You Know There are MANY More Console Properties in Javascript Debug Window?

Home Short:

Here is a list of most all of the console methods/properties along with an example of how to use each one.

Method Description Example Usage
console.log() Logs information (default). 
console.log("This is a log message.");
console.error() Logs errors. 
console.error("This is an error message!");
console.warn() Logs warnings. 
console.warn("This is a warning message!");
console.info() Logs informational messages. 
console.info("This is an informational message.");
console.debug() Logs debug-level messages. 
console.debug("Debugging value: ", someVar);
console.table() Displays data in a table format. 
const data = [{name: "Alice", age: 25}, {name: "Bob", age: 30}];
console.table(data);
console.dir() Displays an object's properties. 
const obj = { name: "John", age: 30 };
console.dir(obj);
console.group() Groups related messages. 
console.group("Group 1");
console.log("This is inside the group");
console.groupEnd();
console.time() Starts a timer. 
console.time("Timer 1");
setTimeout(() => {
  console.timeEnd("Timer 1");
}, 1000);
console.timeEnd() Stops the timer. 
console.time("Timer 2");
setTimeout(() => {
  console.timeEnd("Timer 2");
}, 2000);
console.count() Counts occurrences of a label. 
console.count("Function called");
console.count("Function called");
console.assert() Logs if the condition is false. 
console.assert(2 === 3, "This is false!");
console.trace() Shows the stack trace. 
function test() {
  console.trace("Trace example");
}
test();
console.clear() Clears the console. 
console.clear();
console.dirxml() Displays DOM elements as XML. 
const elem = document.querySelector("body");
console.dirxml(elem);
console.profile() Starts a performance profiling session (browser). 
console.profile("Profile 1");
// Add some code that you want to profile
console.profileEnd();
S
H
A
R
E