Geek Rants Dlaczego tak wielu stron internetowych nie można użyć drukowania arkuszy stylów?
Nigdy nie przestaje mnie zadziwiać, że ludzie muszą szukać linku lub przycisku, który mówi "Drukuj" na stronie internetowej, szczególnie biorąc pod uwagę technologię cudu, która czyni ten krok zbędnym. Niestety prawie nikt go nie używa, mimo że ma ... 10 lat.
Nie tylko jest głupio wymagać dodatkowego etapu drukowania, ale użycie arkuszy stylów drukowania pozwoliłoby zaoszczędzić trochę atramentu dla każdego, kto nie używa łącza do drukowania. No i oczywiście jest mnóstwo ludzi, którzy używają drukowanych plików PDF do zapisywania artykułów na później, bez marnowania papieru.
Czym są arkusze stylów drukowania?
Większość witryn internetowych realizuje funkcję drukowania, przenosząc użytkownika na inną stronę, która jest inaczej sformatowana w przypadku drukarek - ale to naprawdę nie jest konieczne. Każda przeglądarka implementuje prostą technologię CSS znaną jako Print Stylesheets, która jest niczym więcej niż plikiem, który określa elementy do ukrycia, gdy przeglądarka drukuje stronę.
Dla nieznajomych, CSS oznacza Kaskadowe Arkusze Stylów i to w jaki sposób twoja przeglądarka wie, jak sformatować kod źródłowy HTML strony internetowej na to, co widzisz na ekranie. Wszystko, od czcionek, kolorów, obramowań, a nawet obrazów tła, można określić w arkuszu stylów.
Dodanie arkusza stylów wydruku jest tak proste, jak podłączenie tego pojedynczego wiersza do strony HTML - część z media = print kodu informuje przeglądarkę, aby używała tego arkusza stylów tylko podczas drukowania.
Ten plik zazwyczaj wygląda mniej więcej tak:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Tak, to naprawdę takie proste. Jak to działa? Oto przykład normalnej strony internetowej po lewej stronie, z całą nawigacją, logo i reklamami wyraźnie widocznymi z identyfikatorem powiązanym - i po prawej stronie z tą samą stroną, z której został zastosowany arkusz stylów drukowania, ukrywając wszystkie te elementy.
Oczywiście wolisz wydrukować jeden z nich na drugim, prawda?
Przykłady niepowodzenia drukowania arkusza stylów
Niestety, jest tylko mnóstwo ogromnych stron internetowych, które nie zawracają sobie głowy implementacją tego. Zobacz, co dzieje się przy próbie drukowania z New York Times:
Niektóre witryny, takie jak sieć witryn Gawker, są jeszcze gorsze. Nie tylko nie mają one widoku do drukowania, ale kiedy próbujesz drukować, przypomina to zupę z tuszem. O ile nam wiadomo, nie ma możliwości drukowania z witryny Gawker bez korzystania z oddzielnej usługi, takiej jak czytelność, lub ręcznego zaznaczania treści na stronie, co jest prawie niemożliwe w przypadku ich nowego projektu.
To naprawdę smutne. Mnóstwo największych witryn zupełnie nie zawraca sobie głowy wdrażaniem tej funkcji.
Na szczęście niektóre witryny wykorzystują je
Oto przykład prawidłowo sformatowanego widoku do druku - bez konieczności szukania linku do wydruku. Witryna BBC News starannie formatuje artykuły do druku, wraz z niestandardowym nagłówkiem. Zawierają komentarze w widoku wydruku, ale nadal jest to dobrze wykonane zadanie.
Jest kilka innych stron, które robią to samo, jak ArsTechnica i ... nasza strona, ale byłoby głupio wyświetlać zrzuty ekranu wszystkich z nich. W naszych badaniach witryny, które prawidłowo je wdrożyły, są bardzo nieliczne.
Aby zakończyć ... proszę poświęcić 5 minut na wdrożenie arkusza stylów drukowania dla swojej witryny!