获取元素的打印页码

时间:2013-03-21 19:52:28

标签: javascript html css printing tableofcontents

我正在开发一个涉及将PDF手册转换为HTML的项目。我试图在打印时保留PDF的价值,同时在不受页面概念约束的设备上给予它们更好的ui。我遇到的问题是这些手册有一个目录,其中包含每章/节开始的页码。在设备上查看时,该列表将只是页内锚点链接,但是在打印时我想获取元素的页码(例如第3章标题所在的页面)并将其添加到表中内容,特别是在应用page-break-after:avoid;等打印样式后。

作为一个例子,我想知道在打印时如何准确地将页码添加到以下维基百科文章的目录中。 http://en.wikipedia.org/wiki/Character_mask

修改 我的想法是在打印时使用打印样式表来添加页码:

@page {
    @bottom {
        content: "Page " counter(page) " of " counter(pages)
    }
}

然后使用javascript使用matchMedia / onbeforeprint(http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/)检测打印,然后从内容中获取页码,但我不确定如何找到动态添加的内容。那可能吗?还有其他解决方案吗?

0 个答案:

没有答案