How do I create formatted javascript console log messages

javascript html google-chrome webkit exploit

Yes, you can format the console.log() with something like this:

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

Note the %c preceding the text in the first argument and the style specifications in the second argument. The text will look like your example.

The documentation links also include some other neat tricks like including object links in a console log as well.

javascript html google-chrome webkit exploit

Try this:

console.log("%cThis will be formatted with blue text", "color: blue");

Quoting the docs,

You use the %c format specifier to apply custom CSS rules to any string you write to the Console with console.log() or related methods.

javascript html google-chrome webkit exploit

You can also format substrings.

var red = 'color:red';var blue = 'color:blue';console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

CodeHunter