Selenium 4+JavaScript获取Chrome控制台日志问题求助

一、替换报错的日志配置方式 #

你用的SetLoggingPreference是Java版Selenium的API，JavaScript中要改用loggingPrefs配置：

const { Builder, logging } = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

const options = new chrome.Options();
// 开启浏览器所有级别日志收集
options.setLoggingPrefs({
  browser: logging.Level.ALL
});
// 保留自动打开DevTools的参数
options.addArguments('--auto-open-devtools-for-tabs');

// 初始化驱动
const driver = await new Builder()
  .forBrowser('chrome')
  .setChromeOptions(options)
  .build();

二、用Chrome DevTools协议（CDP）精准捕获Console输出 #

如果日志收集仍有问题，直接通过CDP监听Console事件是更可靠的方案，能直接获取console.log/warn/error的内容：

// 初始化驱动后，建立CDP连接
const cdpConnection = await driver.createCDPConnection('page');

// 启用Runtime模块并监听Console调用
await cdpConnection.execute('Runtime.enable');
cdpConnection.on('Runtime.consoleAPICalled', (params) => {
  const { type, args } = params;
  // 解析日志内容，提取参数的实际值
  const logContent = args.map(arg => arg.value || arg.description).join(' ');
  console.log(`[Chrome Console ${type.toUpperCase()}]: ${logContent}`);
});

// 测试页面内的Console输出
await driver.executeScript(`
  console.log('start');
  console.warn('this is a warning');
  console.error('this is an error');
`);

三、确保Console日志在DevTools中显示的配置 #

如果移除日志代码后仍看不到console.log，检查以下配置：

• 确认DevTools的Console面板未过滤日志（需勾选"All levels"，未排除Info级别）
• 添加额外启动参数避免日志被抑制：

options.addArguments('--disable-devtools-auto-reload'); // 防止DevTools自动刷新丢失日志
options.addArguments('--disable-web-security'); // 部分场景下需关闭安全限制

四、常见问题排查 #

• 若setLoggingPrefs报错，升级到最新稳定版Selenium和ChromeDriver
• 若CDP连接失败，确保ChromeDriver版本与Chrome浏览器主版本完全匹配

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