چاپ صفحه وب

سلام. شئ window در جاوااسکریپت همچین قابلیتی به ما میده.

<button onclick="printFunction()">Print this page</button>

<script>
function printFunction() {
  window.print();
}
</script>

و یا بصورت مستقیم و بدون تابع:

<button onclick="window.print()">Print This Page</button>

برای چاپ بهتره سمت سرور اینکارو بکنی نه کلاینت. اینطوری مدیریت بهتری نسبت به خروجی خواهی داشت. مثلا فرض کن می خوای یه لیستی رو به کاربر نشون بدی که تو حالت عادی تو سایتت صفحه بندی داری و اینطوری کاربر مجبوره به تعداد صفحه بندی صفحه رو عوض کنه و دکمه چاپ رو بزنه. بعلاوه اینکه کلی مواردی دیگه هم تو این حالت نمایش داده می شه که بدردش نمی خوره مثل منوی سایت و فوتر سایت و ...
با این تفاسیر اگر خواستی اینکارو با جاوا اسکریپت انجام بدی از دستوری بالایی می تونی استفاده کنی. اگر خواستی می تونی با css هم خروجی رو در زمان پرینت تغییر بدی. مثلا فونت رو بزرگ کنی یا رنگ رو تغییر بدی یا چیزی رو نمایش یا مخفی کنی مثل همون منو و فوتری که گفتم و ...
برای اینکار از دستور زیر استفاده کن:

@media print {
    #test-element{
        display: none;
    }
}