Skip to main content

Jak blokovat webovou stránku při tisku pomocí CSS

Jak zablokovat webovou stránku (Smět 2025)

Jak zablokovat webovou stránku (Smět 2025)
Anonim

Webové stránky jsou určeny k zobrazení na obrazovce. Zatímco existuje široká škála možných zařízení, která mohou být použita k prohlížení webu (stolní počítače, notebooky, tablety, telefony, notebooky, televizory atd.), Všechny obsahují obrazovku nějakého druhu. Existuje jiný způsob, jak někdo může zobrazit vaše webové stránky způsobem, který neobsahuje obrazovku. Jedná se o fyzický výtisk vašich webových stránek.

Před rokem byste zjistili, že lidé, kteří tiskli webové stránky, byly celkem běžným scénářem. Vzpomínáme na setkání s mnoha klienty, kteří byli na webu noví a cítili se pohodlněji prohlížet tištěné stránky webu. Pak nám poskytli zpětnou vazbu a úpravy na ty kusy papíru, místo aby se podívali na obrazovku a diskutovali o tom. Lidé se v životech stali pohodlnějšími a obrazovky se mnohokrát množily. Viděli jsme stále méně lidí, kteří se snažili tisknout webové stránky na papír, ale stále se to děje. Možná budete chtít tento fenomén zvážit při plánování vašich webových stránek. Chcete, aby lidé vytiskli vaše webové stránky? Možná ne. Pokud tomu tak je, máte několik možností.

Jak blokovat webovou stránku při tisku pomocí CSS

Je snadné používat CSS, abyste zabránili lidem v tisku vašich webových stránek. Potřebujete jednoduše vytvořit stylový list s 1 řádkem s názvem "print.css", který obsahuje následující řádek CSS.

tělo {display: none; }}

Tento jeden styl změní prvek "těla" vašich stránek na to, aby se nezobrazoval - a protože všechno na vašich stránkách je podřízené tělovému prvku, znamená to, že se celá stránka / stránka nezobrazí.

Jakmile budete mít svůj styl stylu "print.css", nahrajete jej do HTML jako stylu tisku. Zde je návod, jak to udělat - stačí přidat následující řádek na prvek "head" na vašich stránkách HTML.

Tato informace informuje prohlížeč, že pokud je tato webová stránka nastavena pro tisk, použije tento stylový styl namísto výchozího stylu, který stránky používají pro zobrazení na obrazovce. Když se stránky přepnou na tento list "print.css", začne se štít, který činí celou stránku nezobrazenou, a vše, co bude tisknout, bude prázdná stránka.

Blokovat jednu stránku najednou

Pokud nemusíte blokovat mnoho stránek na vašem webu, můžete zablokovat tisk na základě jednotlivých stránek s následujícími styly vloženými do hlava vašeho HTML.

Tento styl na stránce by měl vyšší specifičnost než všechny styly uvnitř vašich externích stylových listů, což znamená, že stránka nebude tisknout vůbec, zatímco jiné stránky bez tohoto řádku by stále tiskly normálně.

Získejte fancier se svými blokovanými stránkami

Co když chcete blokovat tisk, ale nechcete, aby se vaši zákazníci stali frustrovaní? Pokud uvidí prázdný tisk stránky, mohou se rozčarovat a myslet si, že jejich tiskárna nebo počítač jsou rozbité a neuvědomují si, že jste v podstatě zakázali tisk!

Chcete-li se vyhnout frustraci návštěvníků, můžete získat malou chovatelku a dát zprávu, která se zobrazí pouze tehdy, když vaše čtenáři vytisknou stránku - nahrazují jiný obsah. Chcete-li to provést, vytvořte standardní webovou stránku a v horní části stránky, těsně za značkou těla:

A zavřete tuto značku po zapsání veškerého vašeho obsahu, a to v dolní části stránky:

Poté, co jste uzavřeli "noprint" div, otevřete další div se zprávou, kterou chcete zobrazit při tisku dokumentu:

Tato stránka je určena k prohlížení online a nemusí být vytištěna. Prohlédněte si tuto stránku na adrese http://webdesign.about.com/od/advancedcss/qt/block_print.htm

Zahrnout odkaz na tiskový dokument CSS s názvem print.css:

A v tomto dokumentu obsahovat následující styly:

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

Nakonec ve standardním stylu (nebo ve stylu interního dokumentu v hlavičce dokumentu) napište:

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

Tím se zajistí, že se tisková zpráva zobrazí pouze na vytištěné stránce, zatímco webová stránka se zobrazí pouze na stránce online.

Zvažte zkušenosti uživatelů

Tisk webových stránek je obecně špatný zážitek, protože dnešní stránky často netranslatují na vytištěnou stránku. Pokud si nepřejete vytvářet zcela samostatný stylový list, který chcete diktovat styly tisku, můžete použít kroky uvedené v tomto článku k vypnutí tisku na stránce. Uvědomte si, jaký dopad to může mít uživatelé, kteří se spoléhají na tisk webových stránek (snad kvůli špatnému vidění a potížím s čtením textu na obrazovce) a rozhodují, které budou fungovat pro publikum vašeho webu.

Původní článek Jennifer Krynin. Upravil Jeremy Girard.