Dlaczego moje strony internetowe nie drukują tego, co widzę w przeglądarce?
Powodem, dla którego niektóre z Państwa stron internetowych drukują się inaczej jest to, że posiadają print stylesheet.
Czym jest arkusz stylów wydruku?
Arkusz stylów wydruku formatuje stronę internetową tak, że po wydrukowaniu jest ona automatycznie drukowana w formacie przyjaznym dla użytkownika. Arkusze stylów drukowania istnieją już od wielu lat i wiele się o nich pisze. Jednak tak niewiele stron internetowych je implementuje, co oznacza, że jesteśmy pozostawieni ze stronami internetowymi, które frustrująco nie są poprawnie drukowane na papierze.
To zadziwiające, że tak niewiele stron internetowych używa arkuszy stylów wydruku:
- Arkusze stylów drukowania ogromnie poprawiają użyteczność, szczególnie w przypadku stron z dużą ilością treści (takich jak ta!)
- Są fenomenalnie szybkie i łatwe do skonfigurowania
Niektóre strony internetowe oferują link do wersji strony przyjaznej do drukowania, ale to oczywiście wymaga skonfigurowania i utrzymania. Wymaga to również, aby użytkownicy zauważyli ten link na ekranie, a następnie użyli go przed zwykłym sposobem drukowania stron (np. wybierając przycisk drukowania u góry ekranu). Wersje przyjazne do drukowania są jednak użyteczne w przypadku drukowania kilku stron internetowych naraz, takich jak artykuł który rozciąga się na kilka stron internetowych.
Źródło Wyłączanie arkuszy stylów wydruku (CSS) podczas drukowania strony
Jak wyłączyć arkusz stylów wydruku?
Ostatnio potrzebowałem uzyskać zrzut strony internetowej dokładnie w takiej postaci, w jakiej jest ona wyświetlana na moim ekranie. To znaczy, chciałem mieć kolor tła, chciałem reklamy, chciałem mieć pełny układ.
Jedną z opcji jest robienie kolejnych zrzutów ekranu podczas przewijania strony, a następnie łączenie ich z powrotem w Photoshopie. Jest to czasochłonne i pozostawia obraz o niskiej rozdzielczości (72dpi).
Innym sposobem na zrobienie tego jest wydrukowanie strony, a następnie “zapisanie jako” PDF zamiast faktycznego drukowania. Działa to całkiem dobrze w przypadku stron, które nie definiują innego układu dla drukowania strony niż przeglądania strony.
Niestety dla mnie, coraz bardziej popularne staje się dołączanie arkusza stylów “drukuj” na stronie internetowej, który definiuje nowe style strony, gdy użytkownik próbuje wydrukować stronę. Jest on zdefiniowany w nagłówku i wygląda mniej więcej tak:
Znalazłem tylko jedną opcję, która naprawdę odpowiada moim potrzebom: Dodatek / rozszerzenie “Web Developer” opracowany przez Chrisa Pedericka
Dzięki tej wtyczce możesz bardzo łatwo wyłączyć WSZYSTKIE style, style domyślne, style inline, style osadzone i, zgadłeś, style drukowania!
Jest on obecnie dostępny dla Firefoxa i Chrome. Mam szczerą nadzieję, że rozszerzenie dla Safari pojawi się pewnego dnia, ponieważ głównie używam Safari. Jedyną opcją, jaką znalazłem dla Safari, jest wyłączenie WSZYSTKICH stylów - jest to funkcja, która jest domyślnie dostępna w najnowszej wersji (5.0.3) przeglądarki. Jest to przydatne podczas tworzenia strony, aby zobaczyć, jak będzie ona wyglądała na przeglądarce tekstowej, ale bez możliwości wybrania stylów, które wyłączamy, ma to ograniczoną użyteczność.
Oto przykład wyłączenia stylów wydruku za pomocą powyższego rozszerzenia w przeglądarce Firefox:
Źródło Print stylesheet - the definitive guide .
