Waarom worden mijn webpagina’s niet afgedrukt zoals ik in mijn browser zie?
De reden waarom sommige van uw webpagina’s anders worden afgedrukt, is omdat zij een afdrukstijlenblad hebben.
Wat is een afdrukstijlenblad?
Een afdrukstijlblad formatteert een webpagina zo, dat hij bij het afdrukken automatisch in een gebruikersvriendelijk formaat wordt afgedrukt. Print stylesheets bestaan al een aantal jaren en er is veel over geschreven. Toch zijn er maar weinig websites die ze implementeren, wat betekent dat we met webpagina’s blijven zitten die frustrerend genoeg niet goed op papier worden afgedrukt.
Het is opmerkelijk dat zo weinig websites print stylesheets gebruiken als:
- Afdrukstijlenheets verbeteren de bruikbaarheid enorm, vooral voor pagina’s met veel inhoud (zoals deze!)
- Ze zijn fenomenaal snel en gemakkelijk op te zetten
Sommige websites bieden wel een link naar een afdrukvriendelijke versie van de pagina, maar die moet natuurlijk worden opgezet en onderhouden. Ook moeten gebruikers deze link op het scherm opmerken en dan gebruiken vóór de gewone manier waarop ze pagina’s afdrukken (bv. door de printknop boven in het scherm te selecteren). Printvriendelijke versies zijn echter handig wanneer een aantal webpagina’s tegelijk worden afgedrukt, zoals een artikel dat zich uitstrekt over meerdere webpagina’s.
Bron Schakel Print Stylesheets (CSS) uit bij het afdrukken van een website
Hoe schakel ik een Print Stylesheet uit?
Onlangs moest ik een snapshot van een website maken, precies zoals die op mijn scherm te zien is. Dat wil zeggen, ik wilde de achtergrondkleur, ik wilde de advertenties, ik wilde de volledige lay-out.
Een optie is om opeenvolgende screenshots te maken terwijl je door de pagina scrollt, en die dan in Photoshop weer aan elkaar te plakken. Dat kost veel tijd en je houdt een lage-resolutie (72 dpi) afbeelding over.
Een andere manier om dit te doen is om de pagina af te drukken, en dan “op te slaan als” een PDF in plaats van hem af te drukken. Dit werkt heel goed voor pagina’s die geen verschillende opmaak hebben voor het afdrukken van een pagina versus het bekijken van de pagina.
Helaas voor mij wordt het steeds populairder om een “print” stylesheet op een website te zetten, die nieuwe paginastijlen definieert als een gebruiker de website probeert af te drukken. Dit wordt gedefinieerd in de header en ziet er ongeveer zo uit:
Ik heb maar één optie gevonden die echt aan mijn behoeften voldoet: De “Web Developer” add-on / extensie ontwikkeld door Chris Pederick ](http://chrispederick.com/work/web-developer/)
Met deze plugin kun je heel gemakkelijk ALLE stijlen, Standaard stijlen, inline stijlen, ingesloten stijlen, en, je raadt het al, afdruk stijlen uitschakelen!
Het is momenteel beschikbaar voor Firefox en Chrome. Ik hoop echt dat er ooit een Safari-extensie komt, want ik gebruik voornamelijk Safari. De enige optie die ik voor Safari heb gevonden is om ALLE stijlen uit te schakelen - een functie die standaard wordt geleverd met de nieuwste versie (5.0.3) van de browser. Dit is nuttig tijdens de ontwikkeling om te zien hoe je site zal worden bekeken op een text-only browser, maar zonder de mogelijkheid om te selecteren welke stijlen je uitschakelt heeft het maar beperkt nut.
Hier is een voorbeeld van het uitschakelen van afdrukstijlen met de bovenstaande extensie in Firefox:
Bron Print stylesheet - the definitive guide
