Laman » bagaimana untuk » Geek Rants Mengapa Banyak Laman Web Gagal Menggunakan Stylesheet Cetak?

    Geek Rants Mengapa Banyak Laman Web Gagal Menggunakan Stylesheet Cetak?

    Ia tidak pernah berhenti memukau saya bahawa orang perlu mencari pautan atau butang yang mengatakan "Mencetak" di laman web, terutamanya memandangkan ada teknologi keajaiban yang membuat langkah itu tidak perlu. Malangnya hampir tiada siapa yang menggunakannya, walaupun itu ... 10 tahun.

    Bukan sahaja konyol memerlukan langkah tambahan untuk dicetak, tetapi menggunakan gaya cetak akan menyimpan dakwat kepada sesiapa sahaja yang tidak menggunakan pautan yang boleh dicetak. Dan tentu saja, terdapat banyak orang yang menggunakan print-to-PDF untuk menyimpan artikel untuk kemudian tanpa membuang-buang kertas.

    Apa itu Printlesheets Print?

    Kebanyakan laman web melaksanakan fungsi cetak mereka dengan membawa anda ke laman lain, yang diformat secara berbeza untuk pencetak - tetapi ini tidak perlu. Setiap penyemak imbas melaksanakan teknologi CSS mudah yang dikenali sebagai Print Stylesheets, yang tidak lebih dari satu fail yang menentukan elemen untuk disembunyikan apabila penyemak imbas anda mencetak halaman.

    Bagi mereka yang tidak dikenali, CSS bermaksud Cascading Style Sheets, dan bagaimana penyemak imbas anda mengetahui cara memformat kod sumber HTML untuk laman web ke dalam apa yang sebenarnya anda lihat pada skrin. Segala-galanya dari fon, warna, sempadan, dan bahkan imej latar belakang boleh ditentukan dalam helaian gaya.

    Menambah lembaran gaya cetak adalah semudah memasukkan satu baris tunggal ini ke halaman anda HTML-media = sebahagian cetak kod memberitahu pelayar untuk hanya menggunakan helaian gaya ini semasa mencetak.

    Fail ini biasanya kelihatan seperti ini:

    #sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

    Ya, ia semudah itu. Jadi bagaimana ia berfungsi? Berikut adalah contoh laman web biasa di sebelah kiri, dengan semua pelayaran, logo, dan iklan jelas kelihatan dengan ID yang berkaitan - dan di sebelah kanan, halaman yang sama dengan lembaran gaya cetakan yang digunakan, menyembunyikan semua elemen tersebut.

    Jelas sekali anda lebih suka mencetak salah satu daripada yang lain, betul?

    Contoh Kegagalan Lembaran Gaya Cetak

    Malangnya, terdapat banyak laman web besar yang tidak mengganggu untuk melaksanakannya sama sekali. Lihatlah apa yang berlaku apabila anda cuba mencetak dari New York Times:

    Sesetengah laman web, seperti rangkaian laman web Gawker, lebih buruk lagi. Bukan sahaja mereka tidak mempunyai pandangan yang boleh dicetak, apabila anda mencuba dan mencetak, ia menyerupai sup dakwat. Setakat yang dapat kami katakan, tidak ada cara untuk mencetak dari laman Gawker tanpa menggunakan perkhidmatan berasingan seperti Kebolehbacaan, atau menyerlahkan kandungan secara manual pada halaman, yang hampir mustahil pada reka bentuk baru mereka.

    Ia sedih, sungguh. Banyak laman web yang terbesar hanya gagal mengganggu pelaksanaan ciri ini.

    Syukurlah, Sesetengah Tapak Menggunakannya

    Berikut adalah contoh paparan yang boleh dicetak dengan betul - tanpa perlu mencari beberapa pautan cetak. Laman BBC News secara rapi memformat artikel untuk dicetak, lengkap dengan header khusus. Mereka menyertakan komen dalam paparan cetak, tetapi masih kerja yang dilakukan dengan baik.

    Terdapat beberapa laman web lain yang melakukan perkara yang sama, seperti ArsTechnica dan ... laman web kami, tetapi ia akan menjadi bodoh untuk menunjukkan tangkapan skrin semua. Dalam penyelidikan kami, laman web yang dilaksanakan dengan betul adalah sedikit dan jauh di antara.


    Jadi untuk membungkus ... sila ambil 5 minit yang diperlukan untuk melaksanakan lembaran gaya cetakan untuk laman web anda!