如何自动将页码添加到HTML页面上的所有内部链接？

Question

在打印模式下,我想渲染这样的链接:

<a href="#targetPage">link</a>

像这样:

<a href="#targetPage">link (page 11)</a>

(假设目标页面位于打印预览中的11.页面上).

可以使用计数器向页面页脚添加使用纯CSS的页码,但是我可以使用更多"我想要的方式"吗？

该解决方案不需要跨浏览器(FF/Chrome就足够了),允许任何CSS/Javascript技巧.

Answer 1

这行得通吗？

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}