10Aug
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 enhver, der ikke bruger den udskriftsvennlige 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, som ikke er mere end en fil, der angiver elementer, der skal skjules, når din browser udskriver siden.
For de 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 udskriftsformatark er lige så simpelt 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.
& lt; link rel = "stylesheet" href = "print.css" type = "tekst / css" media = "print" & gt;
Denne fil ser generelt ud som dette:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Ja, det er virkelig så enkelt som det. Så hvordan virker det? Her er et eksempel på en normal webside til venstre med hele navigationen, logoet og annoncer, der er tydeligt synlige med det tilknyttede ID - og til højre på samme side med det udskrivne stylesheet, der er anvendt, gemmer alle disse elementer.
Selvfølgelig foretrækker du at udskrive en af disse over den anden, ikke?
Eksempler på Print Stylesheet Failure
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 websteder, 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 næsten er umuligt for 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 print 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 en hel del andre websteder, 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 websteder, 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!