puppeteer只生成一页pdf的问题

61 篇文章 0 订阅
6 篇文章 0 订阅
由于wkhtmltopdf这个玩意生成pdf兼容性太差了,这也不行那也不行,最终找到了puppeteer,发现它支持单页面的生成pdf,简直不要太完美,但它对于后端python大多是异步的,不知是否最终能用起来,但先用node试试其效果。

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('http://localhost:8900/renzhi',{ waitUntil: 'networkidle0' });
  // await page.setViewport({'width': 1600, 'height': 2048});
  const dimensions = await page.evaluate(() => {
    return {
      width: document.getElementById("app").scrollWidth + 100,
      height: document.getElementById("app").scrollHeight + 100,
      deviceScaleFactor: window.devicePixelRatio
    };
  });
  console.log(dimensions,'dimensions')
  await page.pdf({
    path: 'example3.pdf',
    format: 'A4',
    printBackground: true,
    scale:0.8,
    width: dimensions.width,
    height: dimensions.height
  });
  await browser.close();
})();

执行node 文件名之后,信息打印高度是没有问题的,但不管改那个,都只生成了一页的pdf,最后查看页面发现html,body的高度只有可视窗口的高度,而子级才是拥有整个页面的高度,然后对html,body进行设置后得到和子级一样的高度后,再次生成pdf即为完整的pdf,完美。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值