Console you don't know

Front end learning , Almost the first thing to learn is console.log() .
After all, most people's first line of code is ：console.log("Hello World!") ;

console Object provides access to the browser debugging console , You can access... From any global object console object .

Flexible use of console Object , Can make development easier .

The most common console method

console.log()- General method of printing content .
console.info()- Print information description information .
console.debug()- Print a message on the console "debug" Level messages .
console.warn()- Print a warning message .
console.error()- Print an error message .

console.log() Write css

console.log() Using parameter

console.clear()

Used to clear console information

console.count(label)

Output count() Number of calls , You can use a parameter label. The demonstration is as follows ：

var user = "";

function greet() {
    
    console.count(user);
    return "hi " + user;
}

user = "bob";
greet();
user = "alice";
greet();
greet();
console.count("alice");

Output

console.dir()

Use console.dir() You can print the properties of the object , View the details of the object level by level in the console .

console.memory

console.memory Is an attribute , Not the way , Use memory Property is used to check memory information .

console.time() and console.timeEnd()

• console.time() - Start the timer with the name of the input parameter . You can run up to... Simultaneously on a given page 10000 Timers .
• console.timeEnd() - Stop the specified timer and record the time elapsed since startup （ In Milliseconds ）.

console.assert()

If the assertion is false , Write error messages to the console , If it is true , No display .

console.trace()

console.trace() Method to output the stack trace to the console .

console.table()

stay console You can also print forms

Print Html Elements

console.group() and console.groupEnd()

Create a new group on the console , Then the output to the console will be added to an indent , Indicates that the content belongs to the current group , Until the call console.groupEnd() after , End of current grouping .