如何在JavaScript中捕获代码实现前已输出的控制台文本？

首先明确：浏览器没有提供公开的标准API，让后续执行的JavaScript读取已经输出到控制台的历史内容。如果你的代码是在console.log之后执行的，常规方法根本拿不到之前的日志——除非你能提前做拦截。

可行解决方案 #

1. 提前注入拦截脚本（唯一可靠的生产环境方案） #

如果能控制脚本执行顺序，把拦截代码放在所有业务代码最前面，就能捕获所有后续（包括你原本想捕获的那个提前执行的console.log）的控制台输出。

示例代码：

// 必须放在所有脚本的最顶部（比如HTML的<head>最开头）
const capturedLogs = [];
// 保存原生console方法
const originalLog = console.log;

// 重写console.log，同时缓存日志
console.log = function(...args) {
  capturedLogs.push(args);
  // 保留原本的控制台输出
  originalLog.apply(console, args);
};

// 之后执行的console.log都会被捕获
console.log('Bilal Riaz');

// 后续任何地方都可以获取捕获到的日志
console.log('已捕获的日志：', capturedLogs);

2. 开发环境下用调试工具私有API（仅限调试） #

如果只是在开发环境下调试需要，可以用Chrome DevTools的私有API，但这个API不稳定，不能用于生产代码，且只能在DevTools控制台中运行：

// 仅在Chrome DevTools中可用
InspectorBackend.getConsoleMessages((messages) => {
  console.log('控制台历史消息：', messages);
});

关键限制 #

如果你的代码无法提前注入（比如要捕获的console.log是第三方脚本输出的，且你没法调整脚本顺序），已经输出的日志是无法被后续代码捕获的——浏览器不会把这些历史日志暴露给前端JavaScript。

内容的提问来源于stack exchange，提问作者Hafiz Muhammad Bilal