10Aug

Geek Rants: zakaj tako veliko spletnih mest ni uspelo uporabiti tiskanih slogovnih listov?

click fraud protection

Nikoli več ne preseneča, da ljudje iščejo povezavo ali gumb, ki pravi "Natisni" na spletni strani, zlasti ob upoštevanju čudežne tehnologije, ki naredi ta korak nepotreben.Žal skoraj nihče ne uporablja, čeprav je. .. star 10 let.

Ne samo, da je neumno zahtevati dodatnega koraka za tiskanje, vendar bi uporaba tiskalnih slogov prihranila nekaj črnila za vsakogar, ki ne uporablja tiskalne povezave. In seveda, obstaja veliko ljudi, ki uporabljajo tiskanje v PDF, da shranite izdelke za kasneje, ne da bi zapravljali papir.

Kaj so tiskalni slogi?

Večina spletnih mest izvaja svojo funkcijo tiskanja tako, da vas popelje na drugo stran, ki je drugače oblikovana za tiskalnike - to pa res ni nujno. Vsak brskalnik izvaja preprosto tehnologijo CSS, znano kot Print Stylesheets, ki ni nič drugega kot datoteka, ki določa elemente, ki se skrivajo, ko brskalnik natisne stran.

Za tiste, ki niso seznanjeni, CSS pomeni Cascading Style Sheets, in kako vaš brskalnik ve, kako formatirati izvorno kodo HTML za spletno stran v tisto, kar dejansko vidite na zaslonu. Vse iz pisav, barv, meja in celo slik v ozadju lahko podate v slogovnem listu.

instagram viewer

Dodajanje stojala za tiskanje je tako enostavno kot povezovanje te ene same vrstice v svojo stran HTML - medij = tiskalni del kode pove brskalniku, da uporablja le ta slogovni papir ob tiskanju.

& lt; link rel = "stylesheet" href = "print.css" tip = "besedilo / css" medij = "tisk" & gt;

Ta datoteka na splošno izgleda nekako takole:

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

Da, res je tako enostavno kot to. Torej, kako deluje? Tukaj je primer običajne spletne strani na levi strani, pri čemer so vse navigacije, logotipi in oglasi jasno vidni s pripadajočim ID-jem - in na desni strani, ista stran z uporabljeno grafično tabelo, ki skriva vse te elemente.

Očitno bi raje natisnili eno od teh nad drugo, kajne?

Primeri izpada slogovne tabele

Na žalost obstajajo samo obremenitve velikih spletnih mest, ki se sploh niso motile za to. Oglejte si, kaj se zgodi, ko poskušate natisniti iz New York Timesa:

Nekatera spletna mesta, kot je omrežje mest Gawker, so še slabše. Ne samo, da nimajo pogleda, ki ga lahko natisnete, ko poskusite in natisnete, je podobna črnilni juhi. Kolikor je mogoče, ne moremo natisniti z mesta Gawker brez uporabe ločene storitve, kot je berljivost, ali ročno poudarjanje vsebine na strani, kar je skorajda nemogoče pri novem oblikovanju.

To je žalostno, res. Obremenitve največjih spletnih mest se ne morejo truditi izvajati to funkcijo.

K sreči, nekatera spletna mesta jih uporabljajo

Tukaj je primer pravilno oblikovanega pogleda, ki ga je mogoče natisniti - ne da bi se morali truditi poiskati nekaj tiskalne povezave. Stran spletnega mesta BBC News lepo oblikuje članke za tiskanje, skupaj z glavi po meri. Ne vsebujejo komentarjev v pogledu tiskanja, vendar je še vedno dobro opravljeno delo.

Obstaja kar nekaj drugih spletnih mest, ki storijo enako, kot ArsTechnica in. .. našo spletno stran, vendar bi bilo neumno, da bi prikazali posnetke zaslona vseh njih. V naši raziskavi so mesta, ki jih pravilno izvajajo, le malo in daleč.

Torej, da zaprete. .. prosimo, vzemite 5 minut, ki so potrebni za izvedbo tiskalne tabele za svojo spletno stran!