在使用 Playwright 进行浏览器自动化测试时，捕获浏览器中 JavaScript 的报错信息是一个常见的调试需求。可以通过监听页面对象的 `console` 和 `pageerror` 事件来实现对控制台输出和未处理异常的捕获。 ### 捕获控制台输出 可以监听页面的 `console` 事件以获取所有通过 `console.log`、`console.error` 等方法输出的信息。例如： ```javascript const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // 监听 console 事件 page.on('console', msg => { for (let i = 0; i < msg.args().length; ++i) console.log(`${i}: ${msg.args()[i]}`); }); await page.goto('https://example.com'); await page.evaluate(() => console.log('This message is captured via console event')); await browser.close(); })(); ``` ### 捕获未处理的 JavaScript 错误 为了捕获未处理的 JavaScript 异常（如页面脚本中的错误），可以监听 `pageerror` 事件： ```javascript // 监听 pageerror 事件 page.on('pageerror', error => { console.error(`Page error: ${error.message}`); }); await page.goto('https://example.com'); await page.evaluate(() => { throw new Error('This is an unhandled exception'); }); ``` 上述代码会在页面执行过程中抛出一个未处理的异常，并通过 `pageerror` 事件处理器进行捕获[^1]。 ### 综合示例 将以上两个部分整合在一起，形成完整的脚本： ```javascript const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // 捕获控制台消息 page.on('console', msg => { console.log('Console message:', msg.text()); }); // 捕获页面错误 page.on('pageerror', error => { console.error('Page error:', error.message); }); await page.goto('https://example.com'); // 触发一个错误 await page.evaluate(() => { throw new Error('Test unhandled exception'); }); await browser.close(); })(); ``` 运行该脚本后，将在控制台输出捕获到的错误信息，有助于调试和分析页面行为。