如何让Chrome debug日志输出完整JSON对象以便Python实时读取？

Chrome将控制台日志写入debug文件时，默认不会序列化对象类型的参数，只会标记参数数量，你看到的日志末尾的(1)就是指代存在1个未展开的对象参数，可通过以下几种方案解决：

直接在Chrome控制台执行以下代码，或通过油猴脚本注入到指定页面，即可将所有console输出的对象自动序列化为字符串后写入日志：

// 可根据需要替换为console.info/console.error等需要拦截的方法
const originalLog = console.log;
console.log = function(...args) {
  const processedArgs = args.map(arg => {
    if (typeof arg === 'object' && arg !== null) {
      try {
        // 可根据需要调整是否保留缩进
        return JSON.stringify(arg, null, 0);
      } catch (e) {
        // 处理循环引用等序列化失败的场景
        return String(arg);
      }
    }
    return arg;
  });
  originalLog.apply(console, processedArgs);
};

执行后所有console输出的对象内容都会以明文形式写入chrome_debug.log，直接用Python读取日志即可解析。

如果需要在多个页面默认生效，不需要每次手动执行代码，可以开发极简Chrome扩展：

• 编写Content Script脚本，在页面加载时自动注入上述重写console的代码
• 也可在扩展中直接监听console事件，将捕获到的对象序列化后通过WebSocket实时推送给Python后端，跳过读取日志文件的步骤

直接通过Chrome原生调试协议获取完整console对象，不需要依赖日志文件，实时性和完整性最高：

1. 启动Chrome时新增参数 --remote-debugging-port=9222，开启调试端口
2. Python端安装pychrome/playwright/selenium等支持CDP协议的库，以下是最简实现示例：

import pychrome
import json

def handle_console_output(event):
    # 直接获取console输出的所有原始参数，包含完整对象结构
    args = event.get("args", [])
    for arg in args:
        if arg.get("type") == "object":
            # 可直接序列化对象，也可按需求解析属性
            print(json.dumps(arg.get("preview", {}), ensure_ascii=False))

# 连接本地Chrome调试端口
browser = pychrome.Browser(url="http://127.0.0.1:9222")
target_tab = browser.list_tab()[0]
target_tab.start()
target_tab.Runtime.enable()
# 绑定console调用监听事件
target_tab.Runtime.consoleAPICalled = handle_console_output
# 保持进程运行
input()

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