Beberapa aplikasi di situs web perlu menyediakan fungsi bagi pengguna untuk mencetak halaman secara langsung. Yang paling jelas adalah kupon elektronik. Pedagang memasukkan konten sesuai dengan templat yang disediakan oleh situs web, dan kemudian membuat halaman kupon saat pengguna mencetak halaman ini , itu adalah kupon.
Tentu saja, cara terbaik adalah membuat file gambar berdasarkan halaman ini. Pengguna mendownload gambar dan kemudian mencetaknya tidak akan terpengaruh oleh pengaturan browser.
Namun jika karena alasan tertentu, untuk mempercepat atau menghemat biaya, Anda tidak menyimpan halaman tersebut sebagai file gambar, maka Anda hanya dapat mencetak halaman HTML secara langsung, yang memerlukan beberapa persyaratan tambahan dalam desain halaman, berikut Dua hal-hal yang perlu diperhatikan:
1. Tetapkan atribut tag gaya:
<tipe gaya=”teks/css” media=”cetak”>
Artinya, atribut gaya yang diperkenalkan atau ditentukan dalam gaya ini hanya digunakan saat mencetak. Sebagai pengingat, jika atribut media tidak disetel, gaya yang ditentukan akan berlaku baik di browser maupun pencetakan, jadi disarankan untuk menggunakan a atribut gaya. gaya seperti ini Ditempatkan setelah semua gaya biasa. Misalnya, kami berharap akan ada baris "Print dan Yahoo Word of Mouth Network" pada halaman yang dicetak, namun hal ini tidak realistis di browser:
<p class="printTitle">Jaringan percetakan dan mulut ke mulut Yahoo</p>
Kemudian kita dapat mengatur .printTitle{display:none;} dalam gaya terpadu, dan mengaturnya menjadi .printTitle{display:block;} dalam gaya berikutnya di mana medianya adalah "cetak". Gaya pencetakan yang ditentukan tidak memiliki prioritas lebih tinggi daripada gaya yang ditentukan secara rutin saat mencetak, jadi sekali lagi disarankan untuk menempatkan gaya pencetakan setelah semua gaya reguler.
2. Saat halaman dicetak, pengaturan browser akan berdampak pada efek pencetakan. Di IE, ada "Cetak warna dan gambar latar belakang" di "Alat" - "Opsi Internet" - "Lanjutan", serupa di Firefox Di "File" - "Pengaturan Halaman", ada "Cetak warna dan gambar latar belakang". Jika opsi ini dipilih, warna latar belakang dan gambar di halaman dapat dicetak (sepertinya beberapa browser kernel IE non-standar memilikinya). beberapa Masalah, warna latar belakang dapat dicetak, tetapi gambar latar belakang tidak bisa). Jika tidak dipilih, warna latar belakang maupun gambar tidak dapat dicetak. Jadi untuk melindungi pengguna dari browser dan pengaturan browser yang berbeda, saya menyarankan dua poin.Yang pertama adalah menggunakan Area yang diisi dengan warna latar belakang digunakan sebagai batas dan ditambahkan batas 1px. Warnanya sama dengan warna latar belakang, sehingga tidak ada perubahan yang terlihat di browser. bahkan jika pengaturan pengguna mencegah warna latar belakang dicetak, masih ada Perbatasan yang digunakan sebagai pembagian, dan tata letak halaman dipertahankan pada lapisan terbesar; yang kedua adalah menggunakan tag <img/> untuk semua gambar penting, sehingga gambar-gambar ini dapat dicetak tidak peduli bagaimana browser pengguna diatur. Ini mungkin sama Biasanya beberapa halaman dirancang dengan cara yang berbeda, tetapi untuk menyatukan efek pencetakan, kita hanya perlu mengalah.
Saya hanya mengemukakan beberapa masalah yang ditemui dalam aplikasi praktis. Jika Anda memiliki pertanyaan atau ide baru, Anda dapat mengemukakannya untuk diskusi bersama.
Teks asli: http://ued.koubei.com/?p=918