javascript - 为基于 WebKit 的浏览器打印分页 HTML 文档

Question

Internet Explorer 有 Print Template engine，我可以在其中使用 DEVICERECT 元素来表示物理页面，然后使用 LAYOUTRECT 元素作为矩形 View ，让 HTML 文档流入页面，驱动分页。这可以防止线条在相邻页面之间的中间被切断。详细描述了此机制 here .

WebKit 是否提供类似的功能？ 具体来说，PhantomJS 提供吗？我正在寻找任何可以对没有预定义分页符的现有 HTML 文档进行分页，并将其分页为新的转换后的 HTML 或 PDF 文档，并且不会在中间 chop 行的任何内容。

Answer 1

浏览器引擎应该处理所有事情，您可以使用 media="print" 的样式表来帮助它。 .

例如，要强制分页，以便将每个级别 1 或 2 的标题(<h1> 或 <h2>)放置在新页面的开头，请使用 page-break-before :

h1, h2 { page-break-before:always; }

在 Chrome、IE 和 Opera 中，您可以控制 widows和 orphans , 但它还没有登陆 WebKit，所以现在你可以使用

p { page-break-inside: avoid;  } 

避免段落内的分页符。

您甚至可以控制 first, left and right pages 的边距分别。

幻影的 render()如果输出是 pdf 文件，则将样式表用于打印媒体。 rasterize.js 示例看起来像是一个随时可用的打印解决方案。