如何滚动Chrome DevTools控制台并完整保存其历史记录？

刚好碰到过类似的困扰，给你分享两个实用的解决办法：

一、停止控制台自动滚动，自由查看历史日志 #

控制台默认会在有新输出时自动跳到底部，这确实挺烦人的。你只需要找到控制台右上角的自动滚动按钮（就是那个向下的箭头图标，在过滤选项旁边），点击它就能关闭自动滚动功能。关闭后，不管有多少新日志输出，界面都会停留在你当前滚动的位置，你可以自由上下翻看之前的记录。

另外，也可以用快捷键快速定位：如果想直接跳到控制台最顶部，按下 Ctrl+Home（Windows/Linux）或 Cmd+Home（Mac）；跳回底部则用 Ctrl+End/Cmd+End，不用手动慢慢滚。

二、保存完整的控制台历史记录 #

如果默认的「Save log as」只能保存上次清除后的内容，试试这两种方法：

• 手动全选复制法：关闭自动滚动后，先滚动到控制台最顶部，然后按下 Ctrl+A（Windows/Linux）或 Cmd+A（Mac）全选所有日志，右键选择「复制」，粘贴到记事本、VS Code等文本编辑器里再保存，这样就能拿到从控制台开启以来的所有记录（只要没手动清除过）。

• 利用控制台命令导出命令历史：如果你主要想保存自己在控制台输入的命令，可以在控制台里输入这段代码：

  console.save = function(data) {
    var blob = new Blob([data], {type: 'text/plain'});
    var url = URL.createObjectURL(blob);
    var a = document.createElement('a');
    a.href = url;
    a.download = 'console-commands.txt';
    a.click();
  };
  console.save(console._commandLineAPI.history.join('\n'));
  

  执行后会自动下载一个包含你所有输入命令的文本文件。

另外，记得开启控制台左上角的**「Preserve log」复选框**，这样即使页面刷新、跳转或者触发页面重载，之前的控制台日志也不会被清除，方便你后续统一保存。

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