chrome web 控制台中的 Ansi 转义序列答案

【问题标题】：Ansi escape sequences in chrome web consolechrome web 控制台中的 Ansi 转义序列
【发布时间】：2018-01-09 14:27:02
【问题描述】：

想知道 chrome console.log 是否允许您返回并重写现有的 console.log 输出 like you can do in Node.js。我知道您可以在 chrome 控制台中设置颜色，但不确定是否要编辑现有文本。想尝试添加进度条，例如：

我明白了：

【问题讨论】：

一旦输出被评估并写入控制台，您将无法更改它。但是，您 can style it with CSS（您可能会破解它以允许这种行为）。
仅供参考，最新版本的 Chrome（我的版本 71.0.3578.98）原生支持控制台中的 ansi 颜色，因此您不会得到 ansi 转义码，而是彩色文本。
从 Chrome 69 开始，支持基本的 ansi 转义码。

标签： javascript google-chrome console.log

【解决方案1】：

尝试循环调用console.clear（chrome，MDN）。只要您关闭了“保留日志”，它就可以工作。它在 Chrome 的控制台中对我来说有点闪烁，但这就是生活（它在 Firefox 中实际上很棒）。

delay=t=>new Promise(resolve=>setTimeout(resolve,t));

// the stack snippets console emulator doesn't seem
// to work if the very first call is clear.
console.log();

(async()=>{
  for(i=0;i<25;i++){
    console.clear();
    console.log('*'.repeat(i));
    await delay(100);
  }
})()

【讨论】：