Как добавить данные во время печати всей веб-страницы

Question

Я разрабатываю веб-страницу, и мне нужно добавить дополнительные данные в какое-то подразделение при печати этой страницы. Есть ли способ сделать, если так, пожалуйста, помогите.

Заранее благодарен!

Answer 1

Лучше всего было бы использовать CSS @media печати

СТИЛЕЙ

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

Answer 2

Как насчет того, чтобы данные на странице были в первую очередь, но скрыто. Вы можете использовать распечатать специфический css, чтобы отобразить эти данные на печатной версии страницы.

См https://www.w3schools.com/css/css3_mediaqueries.asp

Answer 3

Есть 2 варианта.

1. Используйте CSS @media print {} и добавьте данные по умолчанию на свою страницу.
2. Используйте Javascript для поиска beforePrint. Я нашел хороший учебник здесь: https://www.tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/