Puppeteer fullPage

栏目: NodeJs 发布时间:2024-12-24

在使用 puppeteer 进行网页截图时,确保截图高度自适应是一个常见需求。以下是实现截图高度自适应的方法和步骤:

  1. 设置视口: 使用 page.setViewport() 方法设置合适的视口大小。。

    await page.setViewport({ width: 750, height: 300 }); // 示例宽度和高度
    
  2. 全屏截图: 使用 page.screenshot() 方法并设置 fullPagetrue,这将确保整个页面内容都被截图,包括需要滚动才能查看的部分。

    await page.screenshot({ path: 'screenshot.png', fullPage: true });
    

通过以上方法,你可以在使用 Puppeteer 进行网页截图时实现高度自适应,确保截图内容完整且清晰。

本文地址:https://www.tides.cn/p_node-puppeteer-fullpage