嘿，我之前也碰到过一模一样的问题！咱们来拆解下为啥你调试这个页面时Chrome控制台日志会自动消失，以及怎么快速解决。

问题根源 #

• 核心原因就是页面代码里的c.clear()语句——这里的c大概率是开发者对console对象的简写。当这段代码执行时，会直接调用控制台的clear()方法，把你刚看到的调试日志直接清空，完全打断调试流程。
• 这种写法一般是页面开发者故意加的，可能是想清理控制台冗余输出，或者不想让用户看到某些日志，但对咱们调试来说简直是噩梦。

实用解决方案 #

1. 启用「保留日志」功能（最快最省心） #

• 打开Chrome开发者工具的Console面板，找到顶部的「保留日志」（英文是Preserve log）复选框并勾选。开启后，就算页面调用console.clear()，Chrome也会无视这个指令，所有日志都会保留下来。
• 额外福利：这个选项还能跨页面刷新或跳转保留日志，追踪 reload 时出现的问题特别好用。

2. 拦截或修改页面的c.clear()代码 #

• 切换到开发者工具的Sources面板，按下Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（Mac）搜索整个页面代码里的c.clear()。
• 找到对应的代码行后，点击行号左侧的 gutter 区域添加断点，当代码执行到这里时会暂停。你可以右键断点选择「永不在此处暂停」让代码跳过这一行，或者直接编辑代码（把c.clear()注释掉/删掉），按Ctrl+S保存临时修改就行。

3. 临时重写console.clear()方法 #

• 如果不想深挖页面代码，直接在Console面板里粘贴这段代码并回车：

  console.clear = function() {
    console.log("⚠️ 页面尝试清除控制台！");
    // 如果不需要提示，这里留空就行——日志照样不会被清除
  }
  

• 这段代码会覆盖默认的clear()方法，当页面调用c.clear()时，只会打印一条提示，不会真的清空日志。注意：这个修改只在当前页面会话有效，刷新后就失效了，适合快速临时调试。

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