Javascript css：用Chrome为打印页面编号

我必须支持的浏览器是Chrome（在我的项目中使用electron），因此使用任何其他浏览器都不是一个选项

我已经寻找这个问题的解决方案一段时间了，它似乎没有答案。我尝试过使用这种形式的方法（抄袭自）：

CSS是：

#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>

---

有人知道这个问题的解决方法吗？还是我死在水里了？欢迎使用任何javasript/nodejs解决方案。

如果您希望在Chrome/Chrome下打印时添加页码，一个简单的解决方案就是使用

这个JS库将您的HTML/CSS剪切成页面，可以打印成书，您可以在浏览器中预览。它使

@页面

和大多数CSS3规范适用于Chrome

解决方案如果您可以将视图剪切为页面，即可打印 只需将他们的CDN添加到页面的

标题

标记中：

<link href="path/to/file/interface.css" rel="stylesheet" type="text/css">

CSS使数字显示在div中：

.page-number{
  content: counter(page)
}

该库还允许轻松管理页边距、页脚、页眉等

如果希望仅在打印时显示数字（和分页符），则解决方案 在这种情况下，您只需要在打印文档时应用Paged.js CDN。 我能想到的一种方法是添加一个

print me

按钮，用于激发Javascript：

将CDN添加到页面

然后执行

window.print（）

启动导航器的打印提示

---

看一看。我想我应该提一下，那个链接使用的方法涉及硬编码页码。我必须打印的内容是动态的，因此不可能事先确定页码的位置。看看这里：似乎非常类似的问题。我在这里回答：它起作用了。

<div class="page-number"></div>

.page-number{
  content: counter(page)
}