javascript - QZ Tray 原始 html 的多页打印，带有 css3 和表头重复

Question

我正在尝试使用 qz-tray 打印一个原始 html，其中包含一个可以超过 2-3 页的表格。我放了一个表头，以便它在每一页上重复。但是一旦我将数据发送到 qz托盘，我没有看到重复的头，打印也很像素化。

const config = qz.configs.create('printerName');
const data = [{
  type: 'html',
  format: 'plain',
  scaleContent: false,
  data: htmlToRender,
}];
return qz.print(config, data);

Answer 1

html 包含一个可以超过 2-3 页的表格。

在撰写本文时，QZ Tray 在后台使用 Java FX 的 HTML WebView，无法@media print支持或分页样式。

打印非常像素化

这是 QZ Tray 2.0 的限制。它使用 Java 7 的 WebView 并截取 HTML 内容。

QZ Tray 2.1 通过使用Java 8 的WebView 修复了质量问题，它具有基本的打印支持，不再需要质量差的截图代码。

请注意，QZ Tray 的 PDF API 不会遇到上述任何一个问题，但您需要一个中间 PDF 转换器步骤。