Outputs a message to the Web Console.
console.log(obj1 [, obj2, ..., objN]); console.log(msg [, subst1, ..., substN]);
obj1 ... objN
msgsubst1 ... substN
msg. This gives you additional control over the format of the output.See Outputting text to the console in the documentation of console for details.
| Specification | Status | Comment |
|---|---|---|
| Console API The definition of 'console.log()' in that specification. | Living Standard | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes | 12 | 4 | 8 | Yes | Yes |
| Substitution strings | Yes
|
Yes | 9 | 10
|
? | ? |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | ? | ? | Yes | 4 | ? | ? | ? |
| Substitution strings | ? | ? | Yes | 9 | ? | ? | ? |
You might ask yourself what's the difference between console.dir() and console.log().
Another useful difference in Chrome exists when sending DOM elements to the console.
Notice:
console.log prints the element in an HTML-like treeconsole.dir prints the element in a JSON-like treeSpecifically, console.log gives special treatment to DOM elements, whereas console.dir does not. This is often useful when trying to see the full representation of the DOM JS object.
There's more information in the Chrome Console API reference about this and other functions.
Don't use console.log(obj);,
use console.log(JSON.parse(JSON.stringify(obj)));.
This way you are sure you are seeing the value of obj at the moment you log it.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/console/log