Chrome浏览器带颜色的console.log长文本首行不换行，如何修改该行为？

原因说明 #

Chrome DevTools对使用%c语法的富文本控制台输出默认采用独立的渲染逻辑，默认未启用自动换行，和普通纯文本日志的换行规则不同，属于预期内的默认行为。

解决方法 #

有两种可选方案：

• 方案1：修改控制台全局配置
  在Chrome控制台的任意输出条目上右键，勾选「自动换行（Word wrap）」，该配置会全局生效，后续所有纯文本、带样式的日志都会自动换行。
• 方案2：代码层面强制兼容
  如果要避免终端用户手动操作，可以在%c对应的样式参数中额外添加white-space: pre-wrap属性，强制带样式的文本块自动折行，示例代码如下：

console.log('%c' + "Really long line                                                                           ", "color:red; white-space: pre-wrap;")

内容的提问来源于stack exchange，提问作者Ayk Borstelmann