Kā bloķēt tīmekļa lapas drukāšanu, izmantojot CSS
RUNSTUDIO / Getty Images
Web lapas ir paredzēti skatīšanai ekrānā. Lai gan vietnes skatīšanai var izmantot daudz dažādu iespējamo ierīču ( galddatori, klēpjdatori, planšetdatori, tālruņi, valkājamie datori, televizori utt. ), tajos visos ir sava veida ekrāns. Ir arī cits veids, kā kāds var skatīt jūsu vietni — veids, kurā nav iekļauts ekrāns. Mēs runājam par jūsu tīmekļa lapu fizisku izdruku.
Pirms vairākiem gadiem jūs varētu atklāt, ka cilvēki, kas drukā vietnes, bija diezgan izplatīts scenārijs. Mēs atceramies tikšanos ar daudziem klientiem, kuri bija iesācēji tīmeklī un jutās ērtāk, pārskatot vietnes drukātās lapas. Pēc tam viņi sniedza mums atsauksmes un labojumus par šīm papīra lapiņām, nevis skatījās uz ekrānu, lai apspriestu vietni. Tā kā cilvēki savā dzīvē ir kļuvuši ērtāk lietojami ar ekrāniem un šie ekrāni ir daudzkārt palielinājušies, mēs esam redzējuši arvien mazāk cilvēku, kuri cenšas izdrukāt tīmekļa lapas uz papīra, taču tas joprojām notiek. 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 tīmekļa lapas drukāšanu, izmantojot CSS
To ir viegli lietot CSS lai neļautu cilvēkiem drukāt jūsu tīmekļa lapas. Jums vienkārši jāizveido 1 rindiņas stila lapa ar nosaukumu “print.css”, kurā ir iekļauta šāda CSS rindiņa.
|_+_|Šis viens stils pārvērtīs jūsu lapu pamatelementu netiek rādīts — un tā kā viss jūsu lapās ir pamatelementa atvasinājums, tas nozīmē, ka netiks rādīta visa lapa/vietne.
Kad esat ieguvis savu 'print.css' stila lapu, jūs to ielādējiet savā HTML kā drukas stila lapu. Lūk, kā jūs to darītu — vienkārši pievienojiet šo rindiņu elementam 'head' savās HTML lapās.
|_+_|Šī informācija norāda pārlūkprogrammai, ka, ja šī tīmekļa lapa ir iestatīta drukāšanai, izmantot šo stilu lapu, nevis jebkuru noklusējuma stilu lapu, ko lapas izmanto ekrāna rādīšanai. Lapām pārejot uz šo “print.css” lapu, tiks ieviests stils, kura dēļ visa lapa netiek rādīta, un tiks izdrukāta tikai tukša lapa.
Bloķējiet vienu lapu vienlaikus
Ja jums nav jābloķē daudzas vietnes lapas, varat bloķēt katras lapas drukāšanu, HTML galvenā ielīmējot tālāk norādītos stilus.
|_+_|Šim lapā ievietotajam stilam būtu lielāka specifika nekā jebkuram jūsu stilam ārējās stila lapas , kas nozīmē, ka šī lapa netiktu drukāta vispār, savukārt citas lapas bez šīs rindas joprojām tiktu drukātas normāli.
Iegūstiet savu bloķēto lapu cienītāju
Ko darīt, ja vēlaties bloķēt drukāšanu, bet nevēlaties, lai jūsu klienti kļūtu neapmierināti? Ja viņi redz, ka tiek drukāta tukša lapa, viņi var sadusmot un uzskatīt, ka viņu printeris vai dators ir bojāts, un neapzinās, ka esat būtībā atspējojis drukāšanu!
Lai izvairītos no apmeklētāju neapmierinātības, varat nedaudz iepriecināties 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 savu standarta tīmekļa lapu un lapas augšdaļā, tieši aiz body taga, ievietojiet:
|_+_|
Un aizveriet šo tagu pēc tam, kad viss saturs ir uzrakstīts pašā lapas apakšā:
|_+_|Pēc tam, kad esat aizvēris 'noprint' div, atver citu div ar ziņojumu, kuru vēlaties parādīt, kad dokuments tiek drukāts:
|_+_|
Iekļaujiet saiti uz savu drukāto CSS dokumentu ar nosaukumu print.css:
|_+_|Un šajā dokumentā iekļaujiet šādus stilus:
|_+_|
Visbeidzot, standarta stila lapā (vai an iekšējais stils dokumenta galvā), ierakstiet:
|_+_|Tas nodrošinās, ka drukas ziņojums tiek parādīts tikai drukātajā lapā, bet tīmekļa lapa tiek rādīta tikai tiešsaistes lapā.
Apsveriet lietotāja pieredzi
Tīmekļa lapu drukāšana parasti ir slikta pieredze, jo mūsdienu vietnes bieži vien nav labi pārtulkotas uz drukāto lapu. Ja nevēlaties izveidot pilnīgi atsevišķu stila lapu, lai noteiktu drukas stilus, varat apsvērt šajā rakstā norādītās darbības, lai “izslēgtu” drukāšanu lapā. Ņemiet vērā, kā tas var ietekmēt lietotājus, kuri paļaujas uz vietņu drukāšanu (iespējams, tāpēc, ka viņiem ir slikta redze un viņiem ir grūtības lasīt ekrānā redzamo tekstu), un pieņem lēmumus, kas noderēs jūsu vietnes auditorijai.
Dženiferas Krininas oriģinālais raksts. Rediģēja Džeremijs Žirārs.