有flexbox时，用phantomjs生成pdf的问题

Question

有人知道网页使用flexbox时用phantomjs生成pdf是否有效吗？

我在这里使用示例生成pdf，除了使用flexbox的组件之外，它都非常好用

https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js?utm_content=bufferda3e0&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer

我也尝试过从www.stackoverflow.com（使用flexbox进行某些div）生成一个pdf文件，但我遇到了同样的问题，flexbox的元素几乎占用了100％的宽度，并阻止了显示其他内容。 div位于同一“行”中。

Answer 1

PhantomJS非常过时，您可以迁移到puppeteer吗？ （是在下面的Chromium的node.js模块）

https://github.com/GoogleChrome/puppeteer/blob/master/examples/pdf.js

const puppeteer = require('puppeteer');

(async() => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://news.ycombinator.com', {waitUntil: 'networkidle2'});
  // page.pdf() is currently supported only in headless mode.
  // @see https://bugs.chromium.org/p/chromium/issues/detail?id=753118
  await page.pdf({
    path: 'hn.pdf',
    format: 'letter'
  });

  await browser.close();
})();