Kaip blokuoti tinklalapio spausdinimą naudojant CSS

Tinklalapiai yra skirti žiūrėti ekrane . Nors yra daugybė galimų įrenginių , kuriuos galima naudoti norint peržiūrėti svetainę (stalinius kompiuterius, nešiojamus kompiuterius, planšetinius kompiuterius, telefonus, nešiojamus kompiuterius, televizorius ir tt), jie visi turi tam tikrą ekraną. Kitas būdas gali būti, kad kažkas galėtų peržiūrėti jūsų svetainę taip, kad nebūtų ekrano. Mes kalbame apie fizinį jūsų tinklalapių atspaudą.

Prieš daugelį metų atrodys, kad žmonės, spausdinantys svetaines, buvo gana įprastas scenarijus. Mes prisimename susitikimą su daugeliu klientų, kurie buvo nauji žiniatinklyje ir jautėme patogesnį peržiūrint spausdintus svetainės puslapius. Tada jie mums davė atsiliepimus ir redagavo tuos popieriaus lapus, o ne žiūri į ekraną, kad aptarėme svetainę. Kadangi žmonės tapo labiau patogūs savo gyvenimo ekranuose, ir kadangi šie ekranai daug kartų padaugėjo, mes vis mažiau ir mažiau žmonių bandė spausdinti tinklalapius į popierių, bet vis tiek tai daro. Galbūt norėsite apsvarstyti šį reiškinį planuodami savo svetainę. Ar norite, kad žmonės spausdintų jūsų tinklalapius? Gal jūs neturite. Jei taip yra, turite keletą galimybių.

Kaip blokuoti tinklalapio spausdinimą naudojant CSS

Nesunku naudoti CSS , kad žmonės negalėtų spausdinti savo tinklalapių. Jums tiesiog reikia sukurti 1 eilutės lentelę stilių, pavadintą "print.css", kurioje yra ši eilutė CSS.

kūnas {rodyti: nė vienas; }

Šis vienas stilas pavirs jūsų puslapių elemento "kūnas", kad jis nebūtų rodomas - ir kadangi viskas jūsų puslapiuose yra kūno elemento vaikas, tai reiškia, kad visas puslapis / svetainė nebus rodoma.

Kai turėsite stilių "print.css", įkelkite jį į HTML kaip spausdintą stilių lentelę. Štai kaip tai padaryti - tiesiog pridėkite šią eilutę į "galvos" elementą savo HTML puslapiuose.

Svarbi pirmiau pateiktos eilutės dalis nurodyta paryškintai - tai yra spausdinimo stiliaus lentelė. Ši informacija nurodo naršyklei, kad jei šis tinklalapis bus nustatytas spausdinti, naudoti šią stilių lentelę, o ne bet kokią stiliaus lentelę pagal numatytuosius puslapius, naudojamus ekrane. Kai puslapiai pereina į šį "print.css" lapą, stilius, kuris neleidžia rodyti viso puslapio, prasidės ir visi, kurie bus spausdinami, bus tuščias puslapis.

Blokuoti vieną puslapį vienu metu

Jei jums nereikės užblokuoti daug svetainės puslapių, galite blokuoti spausdinimą kiekviename puslapyje išdėstydami šiuos stiliaus elementus, įklijuotus į HTML viršūnę.