Chrome中如何快速保存未截断的完整console.log控制台日志？

方法1：重写console.log直接导出完整内容 #

直接在页面中注入脚本，覆盖原生console.log，把所有日志内容完整收集后一键导出：

// 存储所有日志的数组
const allLogs = [];
// 备份原生console.log
const originalLog = console.log;
// 重写console.log，同时保留原输出
console.log = function(...args) {
  // 处理多参数、对象类型的日志，转为可读字符串
  const logContent = args.map(item => {
    if (typeof item === 'object') {
      return JSON.stringify(item, null, 2);
    }
    return String(item);
  }).join(' ');
  allLogs.push(logContent);
  originalLog.apply(console, args);
};

// 给页面添加导出按钮
const exportBtn = document.createElement('button');
exportBtn.textContent = '导出完整日志';
exportBtn.style.cssText = 'position:fixed;top:10px;right:10px;z-index:9999;padding:8px 12px;cursor:pointer;';
document.body.appendChild(exportBtn);

exportBtn.addEventListener('click', () => {
  const logText = allLogs.join('\n\n');
  const blob = new Blob([logText], { type: 'text/plain' });
  const url = URL.createObjectURL(blob);
  const downloadLink = document.createElement('a');
  downloadLink.href = url;
  downloadLink.download = 'full-console-logs.txt';
  downloadLink.click();
  URL.revokeObjectURL(url);
});

把这段代码复制到Chrome DevTools的Console标签执行，之后所有console.log的内容都会被完整记录，点击页面右上角的按钮就能下载全量日志。

方法2：用DevTools Snippets持久化捕获日志 #

1. 打开Chrome DevTools，切换到Sources标签，点击左侧的Snippets面板
2. 右键空白处选New snippet，粘贴上面的重写代码
3. 点击面板顶部的运行按钮（▶️），操作页面触发日志输出后，点击导出按钮即可

方法3：用Puppeteer无头浏览器捕获完整日志 #

如果不想在页面注入脚本，可通过自动化工具捕获：

1. 先安装Puppeteer：

npm install puppeteer

2. 编写capture-logs.js脚本：

const puppeteer = require('puppeteer');
const fs = require('fs');

(async () => {
  const browser = await puppeteer.launch({ headless: false }); // 改为true可启用无头模式
  const page = await browser.newPage();
  const logs = [];

  // 监听页面console事件，收集完整日志
  page.on('console', msg => logs.push(msg.text()));

  // 替换为你的Web应用地址
  await page.goto('https://your-app-url.com');

  // 等待日志输出完成，时间根据实际情况调整
  await page.waitForTimeout(5000);

  // 将日志写入文件
  fs.writeFileSync('full-logs.txt', logs.join('\n\n'));

  await browser.close();
})();

3. 运行脚本：

node capture-logs.js

执行后会生成full-logs.txt，里面是未被截断的完整控制台日志。

补充说明 #

你之前用--enable-logging --v=1启动Chrome无效，是因为这个参数用于捕获Chrome浏览器自身的底层日志（如渲染、网络进程日志），不会收集页面中JavaScript的console.log输出，所以找不到对应内容。

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