PROGRAMOWANIE i WEBMASTERKA

Informacje i porady dla programistów i webmasterów. Wersja bardzo beta

Drukowanie Tła Strony HTML

Większość nowoczesnych przeglądarek internetowych domyślnie nie drukuje tła strony. Ma to sens, ponieważ w większości przypadków, drukując stronę chodzi nam o to aby przelać na papier tekst na niej zawarty, a drukowanie to niepotrzebne dodatkowe zużycie toneru. Są jednak wyjątki. Czasami potrzebujemy wydrukować tło, gdyż inaczej wydruk może nie być czytelny. Przykładem niech będą tu np. krzyżówki dostępne w internecie. Na stronie Krzyżówki można znaleźć skrypt umożliwiający rozwiązywanie krzyżówek online. Co jednak, gdy chcielibyśmy taką krzyżówkę wydrukować aby rozwiązać ją w później, spokoju, na papierze, bez komputera.

Wydruk krzyżówki bez tła wyglądałby jak kratownica bez zaznaczonych pól ciemnych i jasnych – żadną miarą nie dałoby się jej rozwiązać, no chyba, że ktoś lubi dodatkowe utrudnienia i chce się domyślać ile liter ma wpisywane hasło. W takim i podobnych przypadkach musimy zrezygnować z oszczędności na tonerze i tło jednak wydrukować.

Jak to zrobić? Jak wydrukować tło strony html?. Można oczywiście zrobić graficzny zrzut strony i wydrukować obraz ale są prostsze sposoby.


Wydruk html z tłem i bez tła

W popularnych przeglądarkach istnieje możliwość ustawienia drukowania tła. Gdzie się ona znajduje? W najnowszych wersjach przeglądarek sprawdźcie ‘Podgląd Wydruku/Ustawienia’, powinien tam znajdować się checkbox ‘Drukuj kolory i obrazy tła’ (IE7), ‘Drukuj tło (kolory i obrazy)’ (FF 3.6). Checkbox ten należy oczywiście zaznaczyć. Jeśli na karcie ustawień w podglądzie wydruku brak jest możliwości ustawiania żądania wydruku tła, spróbujcie poszukać go w ustawieniach przeglądarki według poniższej podpowiedzi:

  • Internet Explorer (IE) - Narzędzia/Opcje Internetowe/Zaawansowane/ w sekcji ‘Drukowanie’ należy zaznaczyć pole ‘Drukuj kolory i obrazy tła’
  • FireFox (FF) – Plik/Ustawienia Strony/Drukuj Tło (kolor oraz obrazki)
  • Opera - Plik/Opcje wydruku/Drukuj Tło Strony
  • Chrome – brak opcji, Chrome powinien domyślnie drukować tło (uwaga Chrome nie ma podglądu wydruku)

Tak przy okazji, na marginesie. Przeglądarka Chrome, z niewiadomych przyczyn, nie posiada możliwości podglądu wydruku. Można sobie z tym mankamentem poradzić w dość łatwy sposób. Wystarczy zainstalować driver typu PDF Printer (PDF Writer) czyli program symulujący drukarkę i drukujący do pliku PDF zamiast na urządzenie.

komentarzy 2 do “Drukowanie Tła Strony HTML”


  1. darqs

    Nieźle… tylko jak dla mnie nie jest to rozwiązanie. Fakt – w przypadku gdy chcemy wydrukować coś z obcej strony to ok. Inaczej się nie da. Ale jak piszemy własny serwis to co wtedy? Załóżmy że musimy ze strony wydrukować jakieś zestawienie w formie tabelki. Nie dość że ma ona w różnych miejscach zaciemnienia (tła) – tak jak w opisywanej krzyżówce – to jeszcze powinna być drukowana poziomie. Jak zmusić do tego przeglądrkę? Najprościej jest zmienić ustawienia drukowania. Ale miałem taki przypadek, że klient który zamówił taką aplikację powiedział, że nic go to nie obchodzi, on grzebać nigdzie nie będzie, a tabelka ma się drukować jak na ekranie i to w poziomie. No i jeszcze jak ma więcej niż jedną stronę to należy nagłówki tabeli przenieść na nową. Myślałem nad tym godzinę. Pisałem kod dwa dni i to nie bez problemu. Ale udało się. Wykorzystałem do tego PHP i bibliotekę do generowania PDF (np fPDF). Program generuje taką samą tabelkę ale w formie PDF. I wyświetla na ekran. Potem tylko drukuj i gotowe.


  2. admin

    @darqs – rozwiązanie z PDF’em nie jest pewnie złe ale czarne pola można załatwić css’em z media=print, po prost w wersji do wydruku ich nie kolorować. Co do druku w poziomie, nigdy nie testowałem ale w necie znalazłem coś takiego:

    @PAGE landscape {size: LANDSCAPE;}
    TABLE {PAGE: landscape;}

    więc wygląda na to, że CSS’em też można to załatwić

Komentuj