Skip to content

Geek Rants: Dlaczego tak wiele witryn internetowych nie korzysta z arkuszy stylów drukowania?

20 de lipiec de 2021
image136

Nigdy nie przestaje mnie zdumiewać, że ludzie muszą szukać linku lub przycisku z napisem „Drukuj” na stronie internetowej, zwłaszcza biorąc pod uwagę cudowną technologię, która sprawia, że ​​ten krok jest niepotrzebny. Niestety prawie nikt z niego nie korzysta, mimo że ma… 10 lat.

Nie tylko głupie jest wymaganie dodatkowego kroku do drukowania, ale używanie arkuszy stylów drukowania zaoszczędziłoby trochę atramentu każdemu, kto nie korzysta z linku do drukowania. Oczywiście wiele osób korzysta z funkcji drukowania do formatu PDF, aby zapisać artykuły na później bez marnowania papieru.

Co to są arkusze stylów drukowania?

Większość witryn internetowych implementuje funkcję drukowania, przenosząc Cię na inną stronę, która jest inaczej sformatowana dla drukarek – ale to naprawdę nie jest konieczne. Każda przeglądarka implementuje prostą technologię CSS znaną jako Drukuj arkusze stylów, który jest niczym innym jak plikiem, który określa elementy do ukrycia, gdy przeglądarka drukuje stronę.

Dla tych, którzy nie są zaznajomieni, CSS oznacza kaskadowe arkusze stylów i dzięki temu Twoja przeglądarka wie, jak sformatować kod źródłowy HTML strony internetowej tak, aby faktycznie wyświetlał się na ekranie. W arkuszu stylów można określić wszystko, począwszy od czcionek, kolorów, obramowań, a nawet obrazów tła.

Dodanie arkusza stylów drukowania jest tak proste, jak wstawienie tego pojedynczego wiersza do kodu HTML strony — część kodu media=print informuje przeglądarkę, aby używała tylko tego arkusza stylów podczas drukowania.

  • Ten plik ogólnie wygląda mniej więcej tak:

    #pasek boczny, #stopka, #nawigacja, #udostępnianie linków, #topad, #komentarze { display:brak }


    Tak, to naprawdę takie proste. Więc jak to działa? Oto przykład normalnej strony internetowej po lewej stronie, z wyraźnie widocznymi wszystkimi elementami nawigacji, logo i reklamami z powiązanym identyfikatorem – a po prawej stronie ta sama strona z zastosowanym arkuszem stylów drukowania, ukrywającym wszystkie te elementy.

    1626799463 564 Geek Rants Dlaczego tak wiele witryn internetowych nie korzysta z

    Oczywiście wolisz wydrukować jeden z nich nad drugim, prawda?

    Przykłady awarii arkusza stylów drukowania

    Niestety, istnieje wiele ogromnych witryn internetowych, które w ogóle nie zadały sobie trudu, aby to zaimplementować. Zobacz, co się dzieje, gdy próbujesz drukować z New York Times:

    1626799463 720 Geek Rants Dlaczego tak wiele witryn internetowych nie korzysta z

    Niektóre witryny, takie jak sieć witryn Gawker, są jeszcze gorsze. Nie tylko nie mają widoku do wydrukowania, ale kiedy próbujesz drukować, przypomina to zupę atramentową. O ile nam wiadomo, nie ma możliwości drukowania z witryny Gawker bez korzystania z oddzielnej usługi, takiej jak Readability, lub ręcznego wyróżniania treści na stronie, co jest prawie niemożliwe w przypadku ich nowego projektu.

    1626799463 345 Geek Rants Dlaczego tak wiele witryn internetowych nie korzysta z

    To naprawdę smutne. Mnóstwo największych witryn po prostu całkowicie nie zawraca sobie głowy wdrażaniem tej funkcji.

    Na szczęście niektóre witryny z nich korzystają

    Oto przykład prawidłowo sformatowanego widoku do druku – bez konieczności szukania linku do drukowania. Witryna BBC News starannie formatuje artykuły do ​​druku wraz z niestandardowym nagłówkiem. Zawierają komentarze w widoku wydruku, ale nadal jest to dobrze wykonana praca.

    1626799463 114 Geek Rants Dlaczego tak wiele witryn internetowych nie korzysta z


    Istnieje wiele innych witryn, które robią to samo, na przykład ArsTechnica i… naszą stronę, ale głupio byłoby pokazywać zrzuty ekranu wszystkich z nich. W naszych badaniach witryn, które prawidłowo je wdrożyły, jest bardzo niewiele.

    Podsumowując… poświęć 5 minut na zaimplementowanie arkusza stylów drukowania dla swojej witryny!

    Czy ten post był pomocny?