Како блокирати штампање веб странице помоћу ЦСС-а

веб странице су намењени за гледање на екрану. Иако постоји широк спектар могућих уређаја који се могу користити за преглед локације (радне површине, преносне рачунаре, таблете, телефоне, преносиве уређаје, телевизоре итд.), сви укључују неку врсту екрана. Постоји још један начин на који неко може да прегледа вашу веб страницу, начин који не укључује екран. Мислимо на физички испис ваших веб страница.

Пре много година, открили бисте да су људи који штампају веб странице прилично уобичајен сценарио. Сећамо се састанка са многим клијентима који су били нови на вебу и осећали су се угодније прегледавајући одштампане странице веб локације. Затим су нам дали повратне информације и измене на тим папирима уместо да гледају у екран да би разговарали о веб локацији. Како су људи постајали све пријатнији са екранима у свом животу, и како су се ти екрани множили много пута смо видели све мање људи који покушавају да штампају веб странице на папир, али то и даље ради десити се. Можда ћете желети да размотрите овај феномен када планирате своју веб локацију. Да ли желите да људи штампају ваше веб странице? Можда не. Ако је то случај, имате неке могућности.

instagram viewer

Како блокирати штампање веб странице помоћу ЦСС-а

Једноставан је за употребу ЦСС како бисте спречили људе да штампају ваше веб странице. Једноставно треба да направите табелу стилова у једном реду под називом „принт.цсс“ која укључује следећи ред ЦСС-а.

тело {приказ: нема; }

Овај један стил ће претворити елемент "тело" ваших страница се не приказује - а пошто је све на вашим страницама подређено елементу тела, то значи да цела страница / сајт неће бити приказани.

Једном када имате табелу стилова „принт.цсс“, учитали бисте је у свој ХТМЛ као табелу стилова за штампу. Ево како бисте то учинили - само додајте следећи ред у елемент "хеад" на вашим ХТМЛ страницама.


Ове информације поручују прегледачу да ако је ова веб страница постављена за штампање, да користи ову табелу стилова уместо било које задате табеле стилова коју странице користе за приказ на екрану. Како се странице пребацују на овај лист „принт.цсс“, стил који чини да се цела страница не приказује се покреће, а све што ће се штампати биће празна.

Блокирај једну по једну страницу

Ако не морате да блокирате пуно страница на својој веб локацији, можете блокирати штампање од странице до странице помоћу следећих стилова залепљених у главу вашег ХТМЛ-а.


Овај стил на страници имао би већу специфичност од било ког стила унутар вашег спољни листови стилова, што значи да се страница уопште не би штампала, док би се остале странице без овог реда и даље нормално штампале.

Набавите одгајивач са својим блокираним страницама

Шта ако желите да блокирате штампање, али не желите да ваши купци постану фрустрирани? Ако примете испис празних страница, могу се узнемирити и помислити да им је штампач или рачунар покварен и не схватити да сте у основи онемогућили штампање!

Да бисте избегли фрустрацију посетилаца, можете мало одгајати и додати поруку која ће се приказати само када читаоци одштампају страницу - замењујући други садржај. Да бисте то урадили, направите своју стандардну веб страницу и на врх странице, одмах након ознаке тела, ставите:


И затворите ту ознаку након што сав ваш садржај буде написан, на самом дну странице:


Затим, након што затворите див „нопринт“, отвори други див са поруком коју желите да прикажете када се документ штампа:


Ова страница је намењена за преглед на мрежи и не може се штампати. Молимо погледајте ову страницу на http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm



Укључите везу до вашег ЦСС документа за штампање под називом принт.цсс:


А у тај документ укључите следеће стилове:

#нопринт {приказ: нема; }
#принт {приказ: блок; }

Коначно, у вашем стандардном листу стилова (или у унутрашњи стил у главу документа) напишите:

#принт {приказ: нема; }
#нопринт {приказ: блок; }

Ово ће осигурати да се порука за штампу приказује само на одштампаној страници, док се веб страница појављује само на мрежној страници.

Узмите у обзир корисничко искуство

Штампање веб страница је генерално лоше искуство, јер данашње странице често не преводе добро на штампану страницу. Ако не желите да креирате потпуно засебну табелу стилова за диктирање стилова штампе, можете размотрити коришћење корака из овог чланка за „искључивање“ штампања на страници. Будите свесни утицаја који би ово могло имати на кориснике који се ослањају на штампање веб локација (можда зато што имају слаб вид и борба са читањем текста на екрану) и доносите одлуке које ће одговарати вашој веб локацији публика.

Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард.

instagram story viewer