Выборочный рендеринг в Puppeteer

Question

Можно ли визуализировать только один div (или использовать любой селектор) в кукловоде?пример: на моей странице много информации, и я хочу сделать скриншот только его части, div, в настоящее время я использую опцию clip api скриншота, но есть ли способ сделать снимок экрана, указав селектор?

Answer 1

Есть много интересных примеров ElementHandle.screenshots тесты , например:

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();