有没有办法在WebStorm中为开发工具添加console.log消息？

Question

有没有办法在WebStorm中为开发工具添加console.log消息？

见图片

Answer 1

不，这是不可能的;不支持样式控制台输出。请投票通过WEB-12349以获得有关任何进展的通知

Answer 2

是。你可以这样做：

%s

Reset = "\x1b[0m" Bright = "\x1b[1m" Dim = "\x1b[2m" Underscore = "\x1b[4m" Blink = "\x1b[5m" Reverse = "\x1b[7m" Hidden = "\x1b[8m" FgBlack = "\x1b[30m" FgRed = "\x1b[31m" FgGreen = "\x1b[32m" FgYellow = "\x1b[33m" FgBlue = "\x1b[34m" FgMagenta = "\x1b[35m" FgCyan = "\x1b[36m" FgWhite = "\x1b[37m" BgBlack = "\x1b[40m" BgRed = "\x1b[41m" BgGreen = "\x1b[42m" BgYellow = "\x1b[43m" BgBlue = "\x1b[44m" BgMagenta = "\x1b[45m" BgCyan = "\x1b[46m" BgWhite = "\x1b[47m" 是字符串中的注入位置。

颜色参考

{{1}}

详细信息：https://stackoverflow.com/a/41407246/2589276

Answer 3

像这样为我工作：

var red = ['color: red'].join(';');

并输出：

console.log("%c I'm RED!",red)

编辑：仅适用于Chrome和Firefox