Kā bloķēt tīmekļa lapas drukāšanu, izmantojot CSS

Web lapas ir domāti skatīšanai uz ekrāna. Lai gan vietnes apskatei var izmantot ļoti dažādas iespējas (galddatori, klēpjdatori, planšetdatori, tālruņi, valkājamie piederumi, televizori utt.), tajos visos ir sava veida ekrāns. Ir vēl viens veids, kā kāds var skatīt jūsu vietni, veids, kas neietver ekrānu. Mēs atsaucamies uz jūsu tīmekļa lapu fizisku izdruku.

Pirms gadiem jūs atklājāt, ka cilvēki, kas drukā vietnes, ir diezgan izplatīts scenārijs. Mēs atceramies tikšanos ar daudziem klientiem, kuri bija jauni tīmeklī un jutās ērtāk, pārskatot vietnes drukātās lapas. Tad viņi mums sniedza atsauksmes un labojumus par šiem papīra gabaliem, nevis skatījās uz ekrānu, lai apspriestu vietni. Tā kā cilvēki savā dzīvē ir kļuvuši ērtāk ar ekrāniem, un šie ekrāni ir savairojušies daudzas reizes esam redzējuši, ka arvien mazāk cilvēku mēģina drukāt tīmekļa lapas uz papīra, taču tas joprojām notiek notikt. Plānojot savu vietni, jūs varat apsvērt šo parādību. Vai vēlaties, lai cilvēki drukātu jūsu tīmekļa lapas? Varbūt jums nav. Ja tas tā ir, jums ir dažas iespējas.

Kā bloķēt tīmekļa lapas drukāšanu, izmantojot CSS

Tas ir ērti lietojams CSS lai cilvēki nevarētu drukāt jūsu tīmekļa lapas. Jums vienkārši jāizveido 1 rindas stila lapa ar nosaukumu "print.css", kas ietver šādu CSS rindu.

body {display: none; }

Šis viens stils pārvērsīs jūsu lapu "ķermeņa" elementu netiek parādīts - un tā kā viss jūsu lapās ir pamatteksta bērns, tas nozīmē, ka visa lapa / vietne netiks rādīta.

Kad jums ir stila lapa "print.css", jūs to ielādējat savā HTML kā drukas stila lapu. Lūk, kā jūs to izdarītu - vienkārši pievienojiet šo rindu HTML lapu elementam "head".

Šī informācija pārlūkam norāda, ka, ja šī tīmekļa lapa ir iestatīta drukāšanai, jāizmanto šī stila lapa, nevis jebkura noklusējuma stila lapa, kuru lapas izmanto ekrāna rādīšanai. Kad lapas pāriet uz šo "print.css" lapu, stils, kura dēļ visa lapa netiek rādīta, tiks aktivizēta, un viss, kas tiks drukāts, būs tukša lapa.

Bloķēt vienu lapu vienlaikus

Ja jūsu vietnē nav jābloķē daudz lapu, varat bloķēt drukāšanu katru lapu atsevišķi, HTML galvā ielīmējot šādus stilus.

Šim lapas stilam būtu augstāka specifika nekā jebkuram stilam jūsu iekšienē ārējās stila lapas, kas nozīmē, ka lapa vispār netiks drukāta, bet citas lapas bez šīs rindas joprojām drukās normāli.

Iegūstiet prieku ar savām bloķētajām lapām

Ko darīt, ja vēlaties bloķēt drukāšanu, bet nevēlaties, lai klienti kļūtu neapmierināti? Ja viņi redz tukšu lapu drukāšanu, viņi var satraukties un domāt, ka viņu printeris vai dators ir bojāts, un neapzinās, ka jūs būtībā esat atspējojis drukāšanu!

Lai izvairītos no apmeklētāju neapmierinātības, varat kļūt mazliet iecienītāks un ievietot ziņojumu, kas tiks parādīts tikai tad, kad lasītāji izdrukās lapu - aizstājot citu saturu. Lai to izdarītu, izveidojiet standarta tīmekļa lapu un lapas augšpusē, tieši aiz pamatteksta, ievietojiet:

Pēc lapas satura uzrakstīšanas aizveriet šo tagu pašā lapas apakšdaļā:

Šo lapu ir paredzēts apskatīt tiešsaistē, un to nevar izdrukāt. Lūdzu, apskatiet šo lapu vietnē http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm

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

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