google-chrome - 使用 chrome --print-to-pdf --headless 太快地打印 html？

Question

我使用 cmd 并输入“chrome --headless --disable-gpu
--print-to-pdf=d:\project\test.pdf http://localhost:8085/t1/index.html?data=http://localhost:8085/1/mock.json ”

生成的pdf只是空白。我认为原因是我使用 fetch 来获取 mock.json 和

dom 没有足够的时间来完全渲染。如果我只是导入 mock.json 和

pdf可以完美呈现。那么，有什么方法可以延迟打印到 pdf 的过程吗？

谢谢!

Answer 1

我通过使用一个名为 html-pdf-chrome 的甜蜜 nodeJS 包解决了这个问题。通过指示 Chrome 等待超时、要调用的回调函数或页面上的选择器存在来解决此问题。

我的代码:

const PRINT_OPTIONS = {
  clearCache: true,
  printOptions: {
    scale: 0.6
  },

  completionTrigger: new HtmlPdf.CompletionTrigger.Timer(5000)  // Give it 5000ms to render the HTML
};

async function outputHTMLToPDF(sourceHTML, outputFilename) {
  console.log("Printing the html using Chrome...");
  let pdf = await HtmlPdf.create(sourceHTML, PRINT_OPTIONS);

  console.log("Saving the PDF to " + outputFilename + "...");
  await pdf.toFile(path.join(DEFAULT_PRINT_PATH, outputFilename));
});