Skip to main content

Slik blokkerer du en webside fra utskrift med CSS

PHP for Web Development (April 2025)

PHP for Web Development (April 2025)
Anonim

Websider er ment å bli vist på en skjerm. Mens det finnes et bredt utvalg av mulige enheter som kan brukes til å vise et nettsted (stasjonære datamaskiner, bærbare datamaskiner, tabletter, telefoner, slitasjeutstyr, TVer etc.), inneholder de alle en skjerm av noe slag. Det er en annen måte at noen kan se nettstedet ditt, en måte som ikke inkluderer en skjerm. Vi henviser til en fysisk utskrift av websidene dine.

For mange år siden ville du finne ut at folk som skriver ut nettsteder var et ganske vanlig scenario. Vi husker møte med mange klienter som var nye på nettet og følte seg mer komfortable å gjennomgå trykte sider på nettstedet. De ga oss deretter tilbakemelding og redigeringer på disse stykkene i stedet for å se på skjermen for å diskutere nettstedet. Etter hvert som folk har blitt mer komfortable med skjermene i deres liv, og som disse skjermene har multiplisert mange ganger over, har vi sett færre og færre personer som prøver å skrive ut nettsider til papir, men det skjer fortsatt. Du vil kanskje vurdere dette fenomenet når du planlegger nettstedet ditt. Vil du at folk skal skrive ut dine nettsider? Kanskje gjør du det ikke. Hvis det er tilfelle, har du noen alternativer.

Slik blokkerer du en webside fra utskrift med CSS

Det er enkelt å bruke CSS for å hindre at folk skriver ut websidene dine. Du trenger bare å lage et 1-linjers stilark med navnet "print.css" som inneholder følgende linje av CSS.

kropp {display: none; }

Denne stilen vil gjøre at elementet "kropp" på sidene dine ikke blir vist - og siden alt på sidene dine er et barn av kroppselementet, betyr det at hele siden / siden ikke vises.

Når du har stilarket "print.css", vil du laste det inn i HTML-en din som et utskriftsformat. Slik gjør du det - legg bare til følgende linje i "head" -elementet i HTML-sidene dine.

Denne informasjonen forteller nettleseren at hvis denne nettsiden er satt til å skrive ut, bruker du denne stilarket i stedet for det vanlige stilarket som sidene bruker til skjermvisning. Siden sidene bytter til dette "print.css" -arket, vil stilen som lager hele siden ikke vises, og alt som skal skrives ut, vil være en tom side.

Blokker en side om gangen

Hvis du ikke trenger å blokkere mange sider på nettstedet ditt, kan du blokkere utskrift på en side ved side med følgende stiler klistret inn i hodet på HTML-en.

Denne siden på siden ville ha høyere spesifisitet enn noen stiler i dine eksterne stilark, noe som betyr at siden ikke ville skrive ut i det hele tatt, mens andre sider uten denne linjen fortsatt vil skrive ut normalt.

Få mer avansert med dine blokkerte sider

Hva om du vil blokkere utskrift, men ikke vil at kundene dine skal bli frustrert? Hvis de ser en tom sideutskrift, kan de bli opprørt og tenke at skriveren eller datamaskinen er ødelagt og ikke klar over at du har stort sett deaktivert utskrift!

For å unngå besøkende frustrasjon, kan du bli litt mer avansert og legge inn en melding som bare vises når leserne skriver ut siden - erstatter det andre innholdet. For å gjøre dette, bygg din standardwebside, og øverst på siden, rett etter kroppsmerket, sett:

Og lukk den merken etter at alt innholdet ditt er skrevet, nederst på siden:

Etter at du har lukket "noprint" div, åpner du en annen div med meldingen du vil vise når dokumentet skrives ut:

Denne siden er ment å bli vist på nettet og kan ikke skrives ut. Vennligst se denne siden på http://webdesign.about.com/od/advancedcss/qt/block_print.htm

Inkluder en kobling til CSS-dokumentet ditt med navnet print.css:

Og i det dokumentet er følgende stiler:

#noprint {display: none; } #print {display: block; }

Til slutt, i standard stilark (eller i en intern stil i dokumenthodet), skriv:

#print {display: none; } #noprint {display: block; }

Dette sikrer at utskriftsmeldingen bare vises på den utskrevne siden, mens nettsiden bare vises på nettsiden.

Vurder brukeropplevelsen

Utskrift av nettsider er generelt dårlig erfaring siden dagens nettsteder ofte ikke oversetter godt til den utskrevne siden. Hvis du ikke ønsker å lage et helt eget stilark for å diktere utskriftsformat, kan du vurdere å bruke trinnene fra denne artikkelen til å "slå av" utskrift på en side. Vær oppmerksom på hvilken innvirkning dette kan ha på brukere som er avhengige av utskriftswebsteder (kanskje fordi de har dårlig syn og sliter med å lese tekst på skjermen) og ta beslutninger som vil fungere for nettstedets publikum.

Opprinnelig artikkel av Jennifer Krynin. Redigert av Jeremy Girard.