Hjemmeside » hvordan » Geek Rants Hvorfor kan ikke så mange nettsteder mislykkes i å bruke Print Stylesheets?

    Geek Rants Hvorfor kan ikke så mange nettsteder mislykkes i å bruke Print Stylesheets?

    Det slutter aldri å forbløffe meg at folk må lete etter en kobling eller en knapp som sier "Print" på en nettside, spesielt med tanke på at det er en mirakelteknologi som gjør dette trinnet unødvendig. Dessverre bruker nesten ingen det, selv om det er ... 10 år gammel.

    Ikke bare er det dumt å kreve et ekstra trinn for utskrift, men ved å bruke utskriftsformatark vil du spare litt blekk for alle som ikke bruker utskriftskoblingen. Og selvfølgelig er det mange folk som bruker utskrift til PDF for å lagre artikler til senere uten å kaste bort papir.

    Hva er utskriftsformatark?

    De fleste nettsider implementerer utskriftsfunksjonen ved å ta deg over til en annen side, som er formatert annerledes for skrivere - men dette er egentlig ikke nødvendig. Hver nettleser implementerer en enkel CSS-teknologi kjent som Print Stylesheets, noe som ikke er mer enn en fil som spesifiserer elementer som skal gjemme når nettleseren din skriver ut siden.

    For de som ikke er kjent betyr CSS Cascading Style Sheets, og det er hvordan nettleseren din vet hvordan du formaterer HTML-kildekoden for en nettside til det du faktisk ser på skjermen. Alt fra fonter, farger, grenser og til og med bakgrunnsbilder kan spesifiseres i stilarket.

    Å legge til et utskriftsformatark er like enkelt som å plugge denne ene linjen inn på siden HTML-media = skrive ut del av koden forteller at nettleseren bare bruker dette stilarket når du skriver ut.

    Denne filen ser vanligvis ut som dette:

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

    Ja, det er egentlig så enkelt som det. Så hvordan fungerer det? Her er et eksempel på en vanlig nettside til venstre, med all navigeringen, logoen og annonsene tydelig synlig med ID-tilknyttet - og til høyre, samme side med utskriftsformatarket som brukes, gjemmer alle elementene.

    Åpenbart vil du foretrekke å skrive ut en av disse over den andre, til høyre?

    Eksempler på utskriftsformatfeil

    Dessverre er det bare massevis av store nettsteder som ikke har plaget å implementere dette i det hele tatt. Ta en titt på hva som skjer når du prøver å skrive ut fra New York Times:

    Noen nettsteder, som Gawker-nettverket av nettsteder, er enda verre. Ikke bare har de ikke en utskriftsvennlig visning, når du prøver å skrive ut, ligner den blekksuppe. Så langt vi kan fortelle, er det ikke mulig å skrive ut fra et Gawker-nettsted uten å bruke en egen tjeneste som lesbarhet, eller manuelt markere innholdet på siden, noe som er nesten umulig på deres nye design.

    Det er trist, virkelig. Massevis av de største nettstedene bare fullstendig ikke bry deg om å implementere denne funksjonen.

    Heldigvis bruker noen nettsteder dem

    Her er et eksempel på en riktig formatert utskriftsvisning - uten å måtte bry deg om å finne noen utskriftskobling. BBC News-nettstedet formaterer artiklene for utskrift, komplett med en egendefinert header. De inkluderer kommentarer i utskriftsvisningen, men det er fortsatt en jobb som er godt utført.

    Det er ganske mange andre nettsteder som gjør det samme, som ArsTechnica og ... vårt nettsted, men det ville være dumt å vise skjermbilder av dem alle. I vår forskning er nettstedene som har riktig implementert dem få og langt mellom.


    Så å pakke inn ... ta de 5 minuttene som kreves for å implementere et utskriftsformatark for nettstedet ditt!