Geek Rants Hvorfor mislykkes så mange websider til at bruge Print Stylesheets?
Det ophører aldrig med at forbløffe mig om, at folk skal søge efter et link eller en knap, der siger "Print" på en webside, især i betragtning af at der er en mirakelteknologi, der gør dette skridt unødvendigt. Desværre bruger næsten ingen det, selvom det er ... 10 år gammel.
Det er ikke kun dumt at kræve et ekstra trin til udskrivning, men ved at bruge udskriftsformatark vil du spare nogle blæk til nogen, der ikke bruger den udskrivbare link. Og selvfølgelig er der masser af mennesker, der bruger print-to-PDF til at gemme artikler til senere uden at spilde papir.
Hvad er Print Stylesheets?
De fleste websteder implementerer deres udskriftsfunktion ved at overføre dig til en anden side, som er formateret forskelligt til printere - men det er det ikke nødvendigt. Hver browser implementerer en simpel CSS-teknologi, der kaldes Print Stylesheets, hvilket ikke er mere end en fil, der angiver elementer, der skal skjules, når din browser udskriver siden.
For dem der ikke er kendt betyder CSS Cascading Style Sheets, og det er, hvordan din browser ved, hvordan man formaterer HTML-kildekoden til en webside i, hvad du faktisk ser på skærmen. Alt fra skrifter, farver, grænser og endda baggrundsbilleder kan specificeres i stilarket.
Tilføjelse af et stilark til udskrivning er lige så enkelt som at tilslutte denne ene enkelt linje til din side HTML-media = Udskriv del af koden fortæller browseren at kun bruge dette typografiark ved udskrivning.
Denne fil ser generelt ud som sådan:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none
Ja, det er virkelig så simpelt som det. Så hvordan virker det? Her er et eksempel på en normal webside til venstre med hele navigationen, logoet og annoncerne tydeligt synlige med det tilknyttede ID - og til højre på samme side med det udskrevne stylesheet, der blev anvendt, gemmer alle disse elementer.
Du foretrækker selvfølgelig at udskrive en af disse over den anden, lige?
Eksempler på udskriftsformatfejl
Desværre er der bare masser af store websteder, der ikke har generet at implementere dette overhovedet. Se hvad der sker, når du prøver at udskrive fra New York Times:
Nogle steder, som Gawker-netværket af websteder, er endnu værre. Ikke alene har de ikke en udskriftsvisning, når du forsøger at udskrive, ligner den blæk suppe. Så vidt vi kan fortælle, er der ingen måde at udskrive fra et Gawker-websted uden at bruge en separat tjeneste som Læsbarhed eller manuelt fremhæve indholdet på siden, hvilket er næsten umuligt på deres nye design.
Det er trist, virkelig. Masser af de største websteder mislykkes kun i at gennemføre denne funktion.
Heldigvis bruger nogle websteder dem
Her er et eksempel på en korrekt formateret udskrivbar visning - uden at skulle genere at finde nogle udskrifts link. BBC News-webstedet formaterer artiklerne til udskrivning nøjagtigt, komplet med en brugerdefineret header. De indeholder kommentarer i udskriftsvisningen, men det er stadig et godt udført arbejde.
Der er et par andre steder, der gør det samme, som ArsTechnica og ... vores hjemmeside, men det ville være fjollet at vise skærmbilleder af dem alle. I vores forskning er de steder, der korrekt implementerede dem, få og langt imellem.
Så for at pakke op ... bedes du tage de 5 minutter, der kræves for at gennemføre et udskriftsark til dit websted!