如何在Chrome DevTools控制台中添加不可删除的固定日志？

这个需求可以实现，有两种常用的适配方案，你可以根据自己的演示场景选择：

方案1：用实时表达式（Live Expression）固定展示内容 #

这是最简单的无代码方案，添加的内容会悬浮在控制台顶部，不会被任何清空操作清除：

• 打开DevTools控制台，点击顶部的眼睛图标（「创建实时表达式」按钮）
• 在弹出的输入框中输入你要展示的内容：可以是固定字符串比如"演示测试账号：admin / 123456"，也可以是变量名比如window.demoConfig展示动态内容
• 按下回车确认后，这段内容就会永久固定在控制台最上方，点击清空按钮、刷新页面都不会消失，不需要时点击表达式右侧的叉号即可删除

方案2：重写console.clear方法保留普通日志 #

如果你需要保留的是多条普通日志，不想放在顶部表达式区域，可以用代码拦截清空操作，每次清空后自动重新打印指定内容：

1. 提前在控制台运行以下代码，或者注入到你要演示的页面中：

// 定义需要保留的日志内容
const preservedLogs = [
  '=== 线上演示专用信息 ===',
  '测试环境域名：test.demo.com',
  '管理员权限账号：admin / test123'
]

// 保存原始清空方法
const originalClear = console.clear
console.clear = function() {
  // 执行原生清空逻辑
  originalClear.apply(console, arguments)
  // 重新打印保留内容
  preservedLogs.forEach(item => console.log(item))
}

2. 后续无论你手动点击控制台清空按钮，还是代码执行console.clear()，清空完成后都会自动打印预设内容，效果等同于内容没有被清除。

内容的提问来源于stack exchange，提问作者Orhan Özkerçin