我知道这个选项：使用CSS / HTML添加页码。
这似乎是将页面编号添加到打印版本页面最好的方法，但是我无法在任何地方使其正常工作。我已经在我的Windows 7机器上尝试了Chrome，Firefox和IE9浏览器。根据一些链接显示，这可能在更多专有软件中受支持，例如Prince XML。这是否由网络浏览器支持打印版本？
我尝试创建一个空白的HTML文件，在头部添加两个样式标签之间的内容：
@page {
@bottom-right {
content: counter(page) " of " counter(pages);
}
}
我甚至简化了它，只使用content: "TEXT";来查看是否可以显示出东西。这在任何地方都受支持吗？通过“this”，我特别指的是@page和@bottom-right标签，因为我已经让内容有效多次。
我一直在尝试实现分页媒体，但根据这个维基百科页面显示，目前还没有浏览器支持边距框。难怪它不能正常工作！
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)
请参见表格中的语法和规则，其中包括了边距框部分。边距框是需要用于页码、页眉和页脚的。如果能够实现这一点，就可以省去将印刷媒体转换为PDF文件的开销。
#content {
display: table;
}
#pageFooter {
display: table-footer-group;
}
#pageFooter:after {
counter-increment: page;
content: counter(page);
}
而HTML是
<div id="content">
<div id="pageFooter">Page </div>
multi-page content here...
</div>
#pageFooter 将出现在文本最后一页结束的位置下方。 - BoltClock根据https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters的说明，计数器在使用前必须先重置。
你可以将计数器的初始值设置为任何数字，默认值为 0。
例如：
@page {
counter-increment: page;
counter-reset: page 1;
@top-right {
content: "Page " counter(page) " of " counter(pages);
}
}
在理论上，很多工具都支持这个功能。但实际上，只有PrinceXML支持。
@page标签的见解吗？这是否真的对您显示了？ - David Fritsch通过Mozilla，（打印文档）
这将在每个打印页面上放置页眉和页脚。在Mozilla中效果很好，但在IE和Chrome中效果不太理想。
<!DOCTYPE html>
<html>
<head>
<title>Print sample</title>
<link rel="stylesheet" href="style4.css">
</head>
<body>
<h1>Section A</h1>
<p>This is the first section...</p>
<h1>Section B</h1>
<p>This is the second section...</p>
<div id="print-head">
Heading for paged media
</div>
<div id="print-foot">
Page:
</div>
</body>
</html>
/*** Print sample ***/
/* defaults for screen */
#print-head,
#print-foot {
display: none;
}
/* print only */
@media print {
h1 {
page-break-before: always;
padding-top: 2em;
}
h1:first-child {
page-break-before: avoid;
counter-reset: page;
}
#print-head {
display: block;
position: fixed;
top: 0pt;
left:0pt;
right: 0pt;
font-size: 200%;
text-align: center;
}
#print-foot {
display: block;
position: fixed;
bottom: 0pt;
right: 0pt;
font-size: 200%;
}
#print-foot:after {
content: counter(page);
counter-increment: page;
}
top: -0.5cm，页眉会向上移动，但会被页面边缘裁剪并且只能部分可见。overflow: visible也没有帮助。 - cronfy@page和大多数CSS3规范在Chrome中工作。<link href="path/to/file/interface.css" rel="stylesheet" type="text/css">
page来添加页码。例如：
将以下HTML放置在任何想要显示当前页面编号的位置：
<div class="page-number"></div>
CSS使数字出现在div中：
.page-number{
content: counter(page)
}
该库还可以轻松管理页面边距、页脚、页眉等内容。
在这种情况下，您需要仅在打印文档时应用Paged.js CDN。 我能想到的一种方法是添加一个“打印”按钮，触发JavaScript来：
window.print();来启动导航器的打印提示
@media print作为解决方法。 - starbeamrainbowlabs