Kako blokirati spletno stran iz tiskanja s CSS

Spletne strani so namenjene ogledu na zaslonu . Čeprav obstajajo številne možne naprave, ki jih je mogoče uporabiti za ogled spletne strani (namizni računalniki, prenosni računalniki, tablični računalniki, telefoni, nosilne naprave, televizorji itd.), Vsi vključujejo nekakšen zaslon. Obstaja tudi drug način, na katerega lahko nekdo vidi vaše spletno mesto, na način, ki ne vključuje zaslona. Gre za fizični izpis iz vaših spletnih strani.

Pred leti bi ugotovili, da so ljudje, ki tiskajo spletne strani, zelo navaden scenarij. Spominjamo se srečanja s številnimi strankami, ki so bile nove v spletu in se počutili bolj udobno pregledati natisnjene strani spletnega mesta. Nato so nam poslali povratne informacije in popravke na tistih kosih papirja namesto pogleda na zaslon, da bi razpravljali o spletni strani. Ker so ljudje postali bolj zadovoljni s platnimi v svojem življenju in ker so se ti ekrani večkrat pomnožili, smo vse manj ljudi poskušali natisniti spletne strani na papir, vendar se to še vedno zgodi. Morda boste želeli upoštevati ta pojav, ko načrtujete svojo spletno stran. Želite, da ljudje natisnejo vaše spletne strani? Mogoče ne. Če je tako, imate nekaj možnosti.

Kako blokirati spletno stran iz tiskanja s CSS

CSS je preprost za preprečevanje, da bi ljudje natisnili vaše spletne strani. Preprosto morate ustvariti 1 vrstico z oznako »print.css«, ki vključuje naslednjo vrstico CSS.

telo {display: none; }

Ta slog bo spremenil element "telesa" na vaše strani, da se ne bo prikazal - in ker je vse na vaših straneh otroka elementa telesa, to pomeni, da celotna stran / spletno mesto ne bo prikazano.

Ko imate slikovno sliko "print.css", jo naložite v svoj HTML kot tiskalno sliko. Tukaj je, kako bi to storili - dodajte naslednjo vrstico v element »glave« na svojih HTML-straneh.

Pomemben del zgornje črte je označen krepko - da je to tiskalna slogovna tabela. Te informacije govori brskalniku, da če je ta spletna stran nastavljena na tiskanje, uporabite to slogovno tabelo namesto katere koli privzete slogovne strani, ki jo strani uporabljajo za prikaz na zaslonu. Ker se strani preklopijo na ta list "print.css", bo slog, ki bo prikazal celotno stran, prikazan, in vse, kar se bo natisnilo, je prazna stran.

Blokiraj eno stran v času

Če vam ni treba blokirati veliko strani na vašem spletnem mestu, lahko blokirate tiskanje po posameznih straneh z naslednjimi slogi, prilepenimi v glavo HTML-ja.