Запуск собственного режима печати браузера довольно прост: просто вызовите window.print()
в своем коде.
Тогда ваша страница будет напечатана как есть, так что обычно вы должны предоставить спецификацию CSS для печатного носителя .
У вас есть два пути:
- добавить отдельный CSS как
<link rel="stylesheet" href="css/style.css"/>
- включает
@media print
в ваш существующий CSS:
@media print {
…
}
Что вы должны поместить в свой CSS? Что бы вам ни понадобилось для исправления ваших стилей, обычно существует множество display: none
правил, скрывающих элементы, которые вы не хотите печатать.
Заключительные мысли: