如何将不可删除的日志添加到 Devtools 控制台？答案

【问题标题】：How can I add undeletable log to Devtools console?如何将不可删除的日志添加到 Devtools 控制台？
【发布时间】：2021-12-22 13:28:44
【问题描述】：

我将在线进行演示，并使用 Chrome 开发工具。我想为自己添加一些有用的信息，有时当我需要清除控制台时，我希望这些信息保留在那里。例如，当我单击清除控制台按钮时，我希望某些日志保留在那里。这可能吗？

【问题讨论】：

不，不可能。

标签： javascript google-chrome-devtools

【解决方案1】：

虽然无法创建“不可删除的日志”，但您可以覆盖 console.clear 的默认行为以清除控制台但再次记录消息：

var log = console.clear;

const message = 'Hi!'

console.clear = function(e) {
  log.apply();
  console.log(message)
};

console.log(message)

console.log('Hello')
console.clear()

【讨论】：

非常感谢您的想法，但是当我运行您的解决方案时，您的解决方案日志消失了，并且没有回来
@OrhanÖzkerçin 你在哪里运行它？
我在 sn-p 上尝试了全屏，如果这是你的要求，我会在我的项目中运行
@OrhanÖzkerçin 尝试在您的项目中运行它。用 sn-p 全屏运行是行不通的，因为 JS 被限制在 sn-p 的 iframe 中。
哦，现在我明白了。我真的工作了。谢谢！

【解决方案2】：

例如呢？ https://developer.chrome.com/docs/devtools/console/reference#persist

cited: “在页面加载时保留消息

默认情况下，每当您加载新页面时，控制台都会清除。要在页面加载时保留消息，请打开控制台设置，然后启用保留日志复选框。"

会有帮助吗？

【讨论】：

OP 希望日志在清除控制台后保留。