Kaip blokuoti tinklalapio spausdinimą naudojant CSS

click fraud protection

internetiniai puslapiai yra skirti žiūrėti ekrane. Nors yra daug įvairių galimų įrenginių, kuriuos galima naudoti norint peržiūrėti svetainę (staliniai kompiuteriai, nešiojamieji kompiuteriai, planšetiniai kompiuteriai, telefonai, nešiojamieji kompiuteriai, televizoriai ir kt.), visi jie turi kažkokį ekraną. Yra dar vienas būdas, kaip kažkas gali peržiūrėti jūsų svetainę, be ekrano. Turime omenyje fizinį jūsų tinklalapių spausdinimą.

Prieš daugelį metų pastebėjote, kad žmonės, spausdinantys svetaines, buvo gana dažnas scenarijus. Prisimename susitikimą su daugeliu klientų, kurie buvo nauji internete ir jautėsi patogiau peržiūrėdami spausdintus svetainės puslapius. Tada jie davė mums atsiliepimų ir taisė tuos popieriaus lapus, užuot žiūrėję į ekraną, kad aptartų svetainę. Žmonėms gyvenime labiau patogu naudotis ekranais ir tų ekranų padaugėjus daug kartų matėme vis mažiau žmonių, bandančių spausdinti tinklalapius popieriuje, bet vis tiek atsitikti. Galite apsvarstyti šį reiškinį, kai planuojate savo svetainę. Ar norite, kad žmonės spausdintų jūsų tinklalapius? Gal tu ne. Jei taip yra, turite keletą galimybių.

instagram viewer

Kaip blokuoti tinklalapio spausdinimą naudojant CSS

Tai lengva naudoti CSS kad žmonės negalėtų spausdinti jūsų tinklalapių. Jums tiesiog reikia sukurti 1 eilutės stiliaus lapą pavadinimu „print.css“, kuriame būtų ši CSS eilutė.

body {display: none; }

Šis stilius pavers jūsų puslapių „kūno“ elementą nerodomas - ir kadangi viskas, kas yra jūsų puslapiuose, yra turinio elementas, tai reiškia, kad visas puslapis / svetainė nebus rodoma.

Kai turėsite „print.css“ stiliaus lapą, jį įkelsite į savo HTML kaip spausdinimo stiliaus lapą. Štai kaip jūs tai padarytumėte - tiesiog pridėkite šią eilutę prie „head“ elemento savo HTML puslapiuose.


Ši informacija nurodo naršyklei, kad jei šis tinklalapis nustatytas spausdinti, naudoti šį stiliaus lapą vietoj bet kokio numatytojo stiliaus lapo, kurį puslapiai naudoja ekrane. Puslapiams pereinant prie šio „print.css“ lapo, prasidės stilius, dėl kurio visas puslapis nebus rodomas, ir viskas, kas bus atspausdinta, bus tuščias puslapis.

Blokuoti vieną puslapį vienu metu

Jei jums nereikia užblokuoti daugybės savo svetainės puslapių, galite blokuoti spausdinimą kiekvienam puslapiui, į HTML galvą įklijuodami šiuos stilius.


Šis puslapio stilius turėtų didesnę specifiką nei bet kokie jūsų stiliaus stiliai išoriniai stiliaus lapai, o tai reiškia, kad tas puslapis apskritai nebus atspausdintas, o kiti puslapiai be šios eilutės vis tiek bus spausdinami įprastai.

Susipažinkite su užblokuotais puslapiais

Ką daryti, jei norite blokuoti spausdinimą, bet nenorite, kad klientai nusivyltų? Jei jie mato spausdinantį tuščią puslapį, jie gali susierzinti ir manyti, kad jų spausdintuvas ar kompiuteris yra sugedę, ir nesupranta, kad jūs iš esmės išjungėte spausdinimą!

Kad išvengtumėte lankytojų nusivylimo, galite šiek tiek pasimėgauti ir įdėti pranešimą, kuris bus rodomas tik tada, kai skaitytojai išspausdins puslapį - pakeisdami kitą turinį. Norėdami tai padaryti, sukurkite standartinį tinklalapį ir puslapio viršuje, iškart po turinio žymos, įdėkite:


Uždarykite tą žymą, kai bus parašytas visas jūsų turinys, pačiame puslapio apačioje:


Tada, uždarę „noprint“ skyrių, atidarykite kitą div su pranešimu, kurį norite rodyti spausdinant dokumentą:


Šis puslapis skirtas peržiūrėti internete ir negali būti atspausdintas. Peržiūrėkite šį puslapį http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm



Įtraukite nuorodą į savo spausdintą CSS dokumentą, pavadintą print.css:


Į tą dokumentą įtraukite šiuos stilius:

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

Galiausiai, savo standartiniame stiliaus lape (arba vidinis stilius dokumento galvutėje), parašykite:

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

Tai užtikrins, kad spausdintas pranešimas bus rodomas tik atspausdintame puslapyje, o tinklalapis - tik internetiniame puslapyje.

Apsvarstykite „User Experience“

Tinklalapių spausdinimas paprastai yra prasta patirtis, nes šiandienos svetainės dažnai nėra gerai išverstos į išspausdintą puslapį. Jei nenorite sukurti visiškai atskiro stiliaus lapo, kuriame būtų nurodomi spausdinimo stiliai, galite apsvarstyti šio straipsnio veiksmus, norėdami „išjungti“ spausdinimą puslapyje. Žinokite, kokį poveikį tai gali turėti vartotojams, kurie pasitiki svetainių spausdinimu (galbūt todėl, kad jie tai daro) prasta vizija ir kova skaitant ekrane rodomą tekstą) ir priimkite sprendimus, kurie tiks jūsų svetainei auditorija.

Originalus Jennifer Krynin straipsnis. Redagavo Jeremy Girard.

instagram story viewer