Geek Rants Zakaj tako veliko spletnih strani ne uspe uporabljati tiskalnih slogov?

Nikoli me ne preseneča, da morajo ljudje iskati povezavo ali gumb, ki na spletni strani piše »Natisni«, še posebej če upoštevamo čudežno tehnologijo, zaradi katere je ta korak nepotreben. Na žalost ga skoraj nihče ne uporablja, čeprav je star 10 let.

Ne samo, da je neumno zahtevati dodaten korak za tiskanje, ampak z uporabo tiskalnih slogov bi prihranili nekaj črnila za vse, ki ne uporabljajo natisljive povezave. In seveda obstaja veliko ljudi, ki uporabljajo print-to-PDF za shranjevanje člankov za kasnejši čas brez izgube papirja.

Kaj so tiskalniški listi?

Večina spletnih mest izvaja svojo funkcijo tiskanja tako, da vas popelje na drugo stran, ki je drugače oblikovana za tiskalnike - vendar to ni nujno. Vsak brskalnik izvaja preprosto tehnologijo CSS, ki je znana kot »Slogi tiskanja«, ki ni nič drugega kot datoteka, ki določa elemente za skrivanje, ko brskalnik natisne stran..

Za tiste, ki niso seznanjeni, CSS pomeni Cascading Style Sheets, in vaš brskalnik ve, kako oblikovati izvorno kodo HTML za spletno stran v tisto, kar dejansko vidite na zaslonu. Vse, od pisav, barv, robov in celo slik za ozadje, lahko podate v slogovni listi.

Dodajanje slogov za tiskanje je tako preprosto kot vstavljanje te ene vrstice v stran HTML-medij = tiskanje dela kode pove brskalniku, naj ta slog uporabi samo pri tiskanju.

Ta datoteka na splošno izgleda približno tako:

#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

Da, res je tako preprosto. Kako torej deluje? Tukaj je primer običajne spletne strani na levi strani z vsemi navigacijami, logotipi in oglasi, ki so jasno vidni z ID-jem, ki je povezan - in na desni strani je ista stran s prijavljeno slogom tiskanja, ki skriva vse te elemente.

Očitno bi raje natisnili enega izmed teh, prav?

Primeri tiskanja neuspelega sloga

Na žalost obstajajo samo ogromne spletne strani, ki se tega sploh ne motijo. Oglejte si, kaj se zgodi, ko poskušate natisniti iz New York Timesa:

Nekatera spletna mesta, kot je mreža spletnih mest Gawker, so še slabša. Ne samo, da nimajo pogleda, ki ga je mogoče natisniti, ko poskusite in natisnete, spominja na juho s črnilom. Kolikor lahko ugotovimo, ni mogoče natisniti s spletnega mesta Gawker, ne da bi uporabili ločeno storitev, kot je berljivost, ali ročno osvetlitev vsebine na strani, kar je skoraj nemogoče pri njihovi novi zasnovi..

Resnično je žalostno. Obremenitve največjih spletnih mest se popolnoma ne trudijo izvajati te funkcije.

Na srečo jih nekatera mesta uporabljajo

Tukaj je primer pravilno oblikovanega tiskalnega pogleda - ne da bi se morali truditi pri iskanju tiskovne povezave. Spletno mesto BBC News lepo oblikuje članke za tiskanje, skupaj z glavo po meri. Vsebujejo komentarje v pogledu tiskanja, vendar je še vedno dobro opravljeno delo.

Obstaja kar nekaj drugih strani, ki delajo enako, kot ArsTechnica in… naša spletna stran, vendar bi bilo neumno prikazati posnetke vseh od njih. V naših raziskavah so spletna mesta, ki jih pravilno izvajajo, le malo med seboj.

Torej, za zaključek ... prosim, vzemite 5 minut, potrebnih za izvedbo tiskanja slogov za vašo spletno stran!