Bagaimana untuk Menghapuskan Pengepala dan Pengaki yang Tidak Diingini Apabila Menggunakan `window.print()`?

Cara Menekan Pengepala dan Pengaki dalam window.print()

Apabila menggunakan window.print() untuk mencetak halaman web, pengepala yang tidak diingini dan pengaki mungkin muncul, memaparkan tajuk halaman, laluan fail, nombor halaman dan tarikh. Panduan ini menunjukkan cara untuk menghapuskan elemen tambahan ini.

Penyelesaian:

Dalam Chrome, gunakan peraturan CSS @page untuk menyembunyikan pengepala dan pengaki automatik:

@page {
  margin: 0;
}

Apabila kandungan berkembang ke sempadan halaman, pengepala dan pengaki percetakan menjadi berlebihan. Walau bagaimanapun, pastikan anda menentukan margin atau pelapik pada elemen badan untuk mengelakkan pengembangan kandungan melepasi tepi halaman. Pencetak biasanya tidak menyokong pencetakan tanpa margin, jadi pertimbangkan perkara berikut:

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

Walau bagaimanapun, jika kandungan menjangkau berbilang halaman, reka letak cetakan mungkin kelihatan herot disebabkan jidar yang tidak rata. Halaman pertama akan mempunyai jidar atas 1.6cm, manakala halaman terakhir akan mempunyai jidar bawah 1.6cm, meninggalkan halaman tengah tanpa jidar.

Walaupun penyelesaian ini berkesan dalam Chrome pada masa penulisan (Mei 2013), keserasian merentas pelayar lain telah berubah-ubah. Jika sokongan untuk penyemak imbas lain diperlukan, pertimbangkan untuk menjana PDF secara dinamik dan sebaliknya mencetaknya.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Pengepala dan Pengaki yang Tidak Diingini Apabila Menggunakan `window.print()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!