Kako blokirati tiskanje spletne strani s CSS

Spletne strani so namenjeni za ogled na zaslonu. Čeprav obstaja veliko različnih možnih naprav, s katerimi si lahko ogledate spletno mesto (namizni računalniki, prenosniki, tablični računalniki, telefoni, nosljivi računalniki, televizorji itd.), vsi vključujejo nekakšen zaslon. Obstaja še en način, kako si lahko nekdo ogleda vaše spletno mesto, in sicer način, ki ne vključuje zaslona. Sklicujemo se na fizični izpis vaših spletnih strani.

Pred leti bi ugotovili, da so bili ljudje, ki tiskajo spletne strani, precej pogost scenarij. Spomnimo se srečanja s številnimi strankami, ki so bile nove v spletu in so se počutile ugodneje pri pregledu tiskanih strani spletnega mesta. Nato so nam dali povratne informacije in jih uredili na teh listih papirja, namesto da bi gledali na zaslon in razpravljali o spletnem mestu. Ko so se ljudje v življenju prilagodili zaslonom in ko so se ti zasloni pomnožili mnogokrat smo videli vse manj ljudi, ki poskušajo spletne strani natisniti na papir, vendar še vedno zgodilo. Morda boste želeli razmisliti o tem pojavu, ko načrtujete spletno mesto. Ali želite, da ljudje tiskajo vaše spletne strani? Mogoče ne. V tem primeru imate nekaj možnosti.

Kako blokirati tiskanje spletne strani s CSS

Uporaba je enostavna CSS da ljudem preprečite tiskanje vaših spletnih strani. Preprosto morate ustvariti 1-vrsticno sliko z imenom "print.css", ki vključuje naslednjo vrstico CSS.

telo {zaslon: noben; }

Ta slog bo spremenil element "body" na vaše strani se ne prikaže - in ker je vse na vaših straneh podrejeno elementu body, to pomeni, da celotna stran / spletno mesto ne bo prikazana.

Ko imate svoj slog s "print.css", ga naložite v svoj HTML v obliki sloga za tiskanje. Evo, kako bi to naredili - v element "head" na straneh HTML dodajte samo naslednjo vrstico.

Te informacije brskalniku sporočajo, da če je ta spletna stran nastavljena za tiskanje, naj uporablja ta slog sten, namesto katerega koli privzetega sloga, ki ga strani uporabljajo za prikaz na zaslonu. Ko se strani preklopijo na ta list "print.css", se bo sprožil slog, zaradi katerega celotna stran ne bo prikazana, in vse tiskano bo prazna stran.

Blokiraj eno stran naenkrat

Če vam ni treba blokirati veliko strani na svojem spletnem mestu, lahko blokirate tiskanje od strani do strani z naslednjimi slogi, prilepljenimi v glavo HTML-ja.

Ta slog na strani bi imel večjo specifičnost kot kateri koli slog znotraj vašega zunanji slogovni listi, kar pomeni, da se stran sploh ne bi tiskala, medtem ko bi se ostale strani brez te vrstice še vedno tiskale normalno.

Pridobite ljubitelj z blokiranimi stranmi

Kaj pa, če želite blokirati tiskanje, ne želite pa, da bi se stranke razočarale? Če opazijo tiskanje na prazno stran, se lahko razburjajo in mislijo, da je njihov tiskalnik ali računalnik pokvarjen in ne vedo, da ste v bistvu onemogočili tiskanje!

Da bi se izognili frustracijam obiskovalcev, si lahko malo ljubite in vnesete sporočilo, ki se prikaže šele, ko bralci natisnejo stran - nadomeščajo drugo vsebino. Če želite to narediti, zgradite svojo standardno spletno stran in na vrh strani, takoj za oznako telesa, postavite:

In zaprite to oznako, ko je napisana vsa vaša vsebina, na samem dnu strani:

To stran si je mogoče ogledati v spletu in je ni mogoče natisniti. Oglejte si to stran na http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm

#noprint {zaslon: noben; }
#print {prikaz: blok; }

#print {zaslon: noben; }
#noprint {prikaz: blok; }