Како да блокирате веб-страница од печатење со CSS

Веб-страниците треба да се гледаат на екранот . Иако постојат широк спектар на можни уреди кои можат да се користат за да гледаат некоја локација (десктоп компјутери, лаптопи, таблети, телефони, носачи, телевизори итн.), Сите тие вклучуваат некој вид на екран. Постои и друг начин на кој некој може да ја гледа вашата веб-страница, на начин кој не вклучува екран. Ние се однесуваат на физички печати од вашите веб страни.

Пред неколку години, ќе најдете дека луѓето кои печатат веб-страници беа прилично честа сценарио. Се сеќаваме на состанокот со многу клиенти кои беа нови на интернет и почувствуваа покомфортно разгледување на печатени страници на страницата. Потоа ни дадоа повратни информации и уредувања на тие парчиња хартија, наместо да гледаме на екранот за да разговараат за веб-страницата. Бидејќи луѓето се чувствуваат поудобно со екраните во нивниот живот, и како што тие екрани се множат многу пати, видовме се помалку и помалку луѓе кои се обидуваат да ги испечатат веб-страниците на хартија, но сè уште се случуваат. Можеби ќе сакате да го разгледате овој феномен кога планирате вашата веб-страница. Дали сакате луѓето да ги отпечатат вашите веб-страници? Можеби не. Ако е така, имате некои опции.

Како да блокирате веб-страница од печатење со CSS

Лесно е да се користи CSS за да се спречат луѓето да ги отпечатат вашите веб-страници. Вие едноставно треба да креирате линиски лист со 1 лик именуван "print.css" кој ја содржи следнава линија на CSS.

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

Овој стил ќе го претвори елементот "тело" на вашите страници за да не биде прикажан - и бидејќи сè на вашите страници е дете од елементот на телото, тоа значи дека целата страница / страница нема да биде прикажана.

Откако ја имате стил листот "print.css", ќе го вчитате во HTML како стил на печатење. Еве како ќе го сторите тоа - само додадете ја следнава линија на елементот "глава" во вашите HTML страници.

Важен дел од горната линија е обележан со задебелен фонт - ова е табела за печатење за печатење. Оваа информација му кажува на прелистувачот дека ако оваа веб-страница е наместена за печатење, за да ја користите оваа табела наместо да ја користат стандардната табела за страници кои се користат за прикажување на екранот. Додека страните се префрлат на овој "print.css" лист, стилот што ја прави целата страница не прикажан, ќе започне и сè што ќе печати ќе биде празна страница.

Блокирај една страница во исто време

Ако не треба да блокирате многу страници на вашиот сајт, можете да го блокирате печатењето врз основа на страница-по-страна со следниве стилови вметнати во главата на вашиот HTML.