一种可行的解决方法是使用 Headless Chrome,而不是 Puppeteer 的默认 Chromium 版本。此外,可以使用 Chrome 远程调试协议将 Puppeteer 与默认的 Chromium 版本分开。
以下是一个使用 Headless Chrome 的示例代码:
const CDP = require('chrome-remote-interface');
const chrome = require('chrome-aws-lambda');
async function runPuppeteerOnChrome(event) {
const browser = await chrome.puppeteer.launch({
args: chrome.args,
executablePath: await chrome.executablePath,
headless: chrome.headless,
});
const client = await CDP({port: chrome.port});
const {Page} = client;
await Page.enable();
await Page.navigate({url: 'https://example.com'});
await Page.loadEventFired();
const screenshot = await Page.captureScreenshot({format: 'png'});
await browser.close();
return {
statusCode: 200,
headers: {'Content-Type': 'image/png'},
body: screenshot.data.toString('base64'),
isBase64Encoded: true,
};
}
这里我们使用了 chrome-aws-lambda
工具来帮助快速启动 Headless Chrome 环境,并且使用 Chrome 远程调试协议启动了一个新的页面,并截取了对应网站的屏幕截图。如果需要,我们还可以利用 Puppeteer 提供的其他 API 进行页面操作。
当然,需要注意的是,使用 Headless Chrome 与 Puppeteer 默认的 Chromium 版本相比,还是存在一定的性能差异,需要按照具体情况进行权衡和调整。