如何在打印整个网页时附加数据

Question

我一直在开发一个网页，因为我需要在打印该页面时将额外的数据附加到某个部门。有没有办法，如果有，请帮助。

提前致谢！

Answer 1

如何首先在页面上显示数据，但隐藏。您可以使用仅打印特定的CSS 在页面的打印版本上显示此数据。

请参阅https://www.w3schools.com/css/css3_mediaqueries.asp

Answer 2

有两种选择。

1. 使用CSS @media print {}并默认将数据附加到您的页面。
2. 使用Javascript检测beforePrint。我在这里找到了一个很好的教程：https://www.tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

Answer 3

最好的方法是使用CSS @media print

STYLE SHEET

<style type="text/css">

#appendonprint { display: none; }
@media print
{
    #appendonprint { display: block; }
}
</style>

网页

<p>
Web Page Contents Go Here
</p>

<div id="appendonprint">
Appended Data Here (only visible when printing)
</div>