在Puppeteer中进行选择性渲染

Question

有可能仅在puppeteer中渲染单个div（或使用任何选择器）吗？ 示例：页面上有很多信息，我只想对其中一部分进行屏幕截图，即div，目前我使用屏幕截图api的clip选项 但是可以通过指定选择器来进行屏幕截图吗？

Answer 1

有很多不错的示例ElementHandle.screenshots tests，例如：

await page.setViewport({width: 500, height: 500});
await page.goto(server.PREFIX + '/grid.html');
await page.evaluate(() => window.scrollBy(50, 100));
const elementHandle = await page.$('.box:nth-of-type(3)');
const screenshot = await elementHandle.screenshot();