Kā bloķēt Web lapu no drukāšanas ar CSS

Web lapas ir domātas, lai to skatītu ekrānā . Lai gan vietne (galddatori, klēpjdatori, planšetdatori, telefoni, piederumus, televizori utt.) Tiek izmantota dažādām iespējamām ierīcēm , visās tajās ir iekļauts kāda veida ekrāns. Vēl viens veids, kā kāds var skatīt jūsu vietni, tas neietver ekrānu. Mēs atsaucamies uz fizisku jūsu tīmekļa lapu izdruku.

Gadu gaitā jūs atradīsiet, ka cilvēki, kuri drukā vietnes, bija diezgan izplatīts scenārijs. Mēs atceramies tikties ar daudziem klientiem, kas bija jauni tīmeklī, un jutās ērtāk pārskatīt lapas drukātās vietnes. Pēc tam viņi mums deva mums atsauksmes un labojumus šajos papīra gabalos, nevis skatījās uz ekrānu, lai apspriestu šo vietni. Tā kā cilvēki ir kļuvuši ērtāki ar ekrāniem viņu dzīvē, un, tā kā šie ekrāni ir vairākkārt reizinājuši, mēs esam redzējuši, ka arvien mazāk cilvēku mēģina drukāt tīmekļa lapas uz papīru, bet tas joprojām notiek. Jūs, iespējams, vēlēsities apsvērt šo parādību, plānojot savu vietni. 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 Web lapu no drukāšanas ar CSS

CSS ir viegli izmantot, lai cilvēki netiktu drukāti jūsu tīmekļa lapās. Jums vienkārši ir jāizveido 1 rindu stilu tabula ar nosaukumu "print.css", kas ietver šādu CSS rindiņu.

ķermenis {displejs: nav; }

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

Kad esat izveidojis stilu "print.css", ielādēsit to savā HTML kā drukas stilu tabulā. Šeit ir redzams, kā jūs to izdarītu - savā HTML lappusē vienkārši pievienojiet nākamo rindiņu elementam "galva".

Svarīgākā līnijas daļa ir norādīta treknrakstā - tā ir drukas stilu lapa. Šī informācija informē pārlūkprogrammu, ka, ja šī tīmekļa lapa ir iestatīta drukāšanai, izmantojiet šo stilu, nevis jebkuru noklusējuma stilu lapu, ko lapas izmanto ekrānā. Kad lapas pāriet uz šo "print.css" lapu, stils, kas neļauj parādīt visu lapu, tiks aizvērts, un viss, kas izdrukās, būs tukša lapa.

Bloķēt vienu lapu vienlaikus

Ja jums nav nepieciešams bloķēt daudz lapu jūsu vietnē, varat bloķēt drukāšanu katram lappusējam, izmantojot šādus stilus, kas ielīmēti HTML virsrakstā.