Skip to main content

Sådan blokeres en webside fra udskrivning med CSS

Calling All Cars: Highlights of 1934 / San Quentin Prison Break / Dr. Nitro (Kan 2025)

Calling All Cars: Highlights of 1934 / San Quentin Prison Break / Dr. Nitro (Kan 2025)
Anonim

Websider er beregnet til at blive vist på en skærm. Mens der er en bred vifte af mulige enheder, der kan bruges til at se et websted (desktops, bærbare computere, tabletter, telefoner, bærbare computere, tv'er osv.), Indeholder de alle en slags skærm. Der er en anden måde, at nogen kan se dit websted, en måde, der ikke indeholder en skærm. Vi henviser til en fysisk udskrift af dine websider.

For mange år siden ville du opdage, at folk, der udskriver websteder, var et ret fælles scenario. Vi husker at mødes med mange kunder, der var nye på internettet og følte sig mere komfortable at gennemgå trykte sider på webstedet. Derefter gav de os feedback og redigeringer på disse stykker papir i stedet for at se på skærmen for at diskutere hjemmesiden. Da folk er blevet mere komfortable med skærme i deres liv, og som disse skærme er blevet multipliceret mange gange, har vi set færre og færre mennesker, der forsøger at udskrive websider på papir, men det sker stadig. Du kan overveje dette fænomen, når du planlægger dit websted. Vil du have folk til at udskrive dine websider? Måske gør du det ikke. Hvis det er tilfældet, har du nogle muligheder.

Sådan blokeres en webside fra udskrivning med CSS

Det er nemt at bruge CSS for at forhindre folk i at udskrive dine websider. Du skal blot oprette et 1-linjers stilark med navnet "print.css", der indeholder følgende linje af CSS.

krop {display: none; }

Denne stil ændrer elementets "krop" -element til ikke at blive vist - og da alt på dine sider er et barn i kropselementet, betyder det, at hele siden / siden ikke vises.

Når du har dit "print.css" stylesheet, skal du indlæse det i din HTML som et udskriftsark. Sådan gør du det her - bare tilføj følgende linje til elementet "hoved" på dine HTML-sider.

Disse oplysninger fortæller browseren, at hvis denne webside er indstillet til at udskrive, skal du bruge denne stilark i stedet for det standardformatark, som siderne bruger til visning på skærmen. Da siderne skifter til dette "print.css" ark, vil den stil, der får hele siden ikke vist, blive sparket ind, og alt der vil udskrive ville være en tom side.

Bloker en side ad gangen

Hvis du ikke behøver at blokere mange sider på dit websted, kan du blokere udskrivning på side til side med følgende stilarter indsat i hovedet på din HTML.

Denne sideformat ville have en højere specificitet end nogen stilarter inde i dine eksterne stilark, hvilket betyder at siden ikke ville blive udskrevet overhovedet, mens andre sider uden denne linje stadig vil udskrive normalt.

Få mere avanceret med dine blokerede sider

Hvad hvis du vil blokere udskrivning, men ikke ønsker, at dine kunder bliver frustrerede? Hvis de ser en tom sideudskrivning, kan de blive forstyrrede og tror, ​​at deres printer eller computer er ødelagt og ikke klar over, at du har i det væsentlige deaktiveret udskrivning!

For at undgå frustration fra besøgende kan du få en smule mere avanceret og indsætte en besked, der kun vises, når dine læsere udskriver siden - erstatter det andet indhold. For at gøre dette skal du opbygge din standardwebside og øverst på siden, lige efter kropstegnet, sætte:

Og luk det tag efter at alt dit indhold er skrevet nederst på siden:

Derefter skal du åbne en anden div med den besked, du vil vise, når dokumentet er udskrevet, når du har lukket "div." Div.

Denne side er beregnet til at blive vist online og udskrives muligvis ikke. Se venligst denne side på http://webdesign.about.com/od/advancedcss/qt/block_print.htm

Medtag et link til dit udskrevne CSS-dokument med navnet print.css:

Og i dette dokument er følgende stilarter:

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

Endelig skal du skrive i din standard stilark (eller i en intern stil i dit dokumenthoved):

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

Dette sikrer, at udskriftsbeskeden kun vises på den udskrevne side, mens websiden kun vises på online-siden.

Overvej brugeroplevelsen

Udskrivning af websider er generelt en dårlig oplevelse, da dagens websites ofte ikke oversætter godt til den udskrevne side. Hvis du ikke ønsker at oprette et helt separat stilark for at diktere udskriftsformater, kan du overveje at bruge trinene fra denne artikel til at "slukke" udskrivning på en side. Vær opmærksom på den indvirkning dette kan have på brugere, der er afhængige af udskrivningswebsteder (måske fordi de har dårlig syn og kæmper med at læse tekst på skærmen) og træffe beslutninger, som vil virke for dit websteds publikum.

Originalartikel af Jennifer Krynin. Redigeret af Jeremy Girard.