10Aug
Soha nem hagyja el csodálkozni, hogy az embereknek meg kell keresniük egy linket vagy egy gombot, amely a "Print" -t írja le egy weboldalon, különös tekintettel arra, hogy létezik egy olyan csodatevő technológia, amely szükségtelenné teszi ezt a lépést. Szomorúan szinte senki sem használja, bár ez. .. 10 éves.
Nem csak ostobaság, hogy további lépéseket tesz szükségessé a nyomtatáshoz, de a nyomtatási stíluslapok használatával a festékkazetta tintát menten bárki számára, aki nem használja a nyomtatható linket. Természetesen sok olyan ember van, akik nyomtatott PDF-t használnak a cikkek mentésére később, papírveszteség nélkül.
Mi a nyomtatási stíluslap?
A legtöbb weboldal végrehajtja a nyomtatási funkciót, átveszi Önt egy másik oldalra, amely más formátumú a nyomtatókhoz - de ez valóban nem szükséges. Minden böngésző egy egyszerű CSS technológiát alkalmaz, amely a nyomtatási stíluslapok néven ismert. Ez nem más, mint egy olyan fájl, amely elemeket jelöl, amelyek elrejthetők, amikor a böngésző kinyomtatja az oldalt.
Az ismeretlen felhasználók számára a CSS Cascading Style Sheets( Cascading Style Sheets), és így böngészője tudja, hogyan formázza meg a weboldalak HTML forráskódját a képernyőn ténylegesen megjelenített formátumban. Minden a betűtípusokból, színekből, határokból és akár háttérképekből is megadható a stíluslapban.
A nyomtatási stíluslap hozzáadásával olyan egyszerű, mint az egyetlen sor beillesztése az oldalba HTML-a kód media = print része azt mondja a böngészőnek, hogy csak nyomtatáskor használja ezt a stíluslapot.
& lt; link rel = "stíluslap" href = "print.css" type = "szöveg / css" media = "print" & gt;
Ez a fájl általában úgy néz ki, mint ez:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Igen, ez tényleg olyan egyszerű.Tehát hogyan működik?Íme egy példa egy normál weboldalra a bal oldalon, ahol az összes navigáció, logó és hirdetések jól láthatóak az azonosított azonosítóval - és a jobb oldalon, ugyanazon az oldalon, amelyen az alkalmazott nyomtatási stíluslap található, elrejtve az összes elemet.
Nyilvánvalóan jobban szeretné kinyomtatni az egyiket a másikon, igaz?
Példák a nyomtatási stíluslap hibájára
Sajnos csak olyan ragyogó hatalmas weboldalak vannak, amelyek egyáltalán nem zavarták ezt. Vessen egy pillantást arra, mi történik, amikor megpróbál a New York Timesból kinyomtatni:
Egyes webhelyek, például a Gawker webhelyek hálózata, még rosszabbak. Nem csak nyomtatható nézetük van, amikor megpróbálja kinyomtatni, és hasonlít a tinta levesre. Amennyire meg tudjuk mondani, a Gawker weboldalról nem lehet nyomtatni anélkül, hogy különálló szolgáltatást, például olvashatóságot használnánk, vagy manuálisan kiemelnénk az oldal tartalmát, ami szinte lehetetlen új designjukon.
Szomorú, tényleg. A legnagyobb helyszínek terhei nem teljesítik ezt a funkciót.
Szerencsére egyes webhelyek nem használják őket
Az alábbi példa egy megfelelően formázott nyomtatható nézetre - anélkül, hogy zavarná a nyomtatási link megtalálását. A BBC News oldal formálisan formázza a nyomtatott cikkeket, kiegészítve egyéni fejléccel. A nyomtatott nézetben megjegyzéseket tartalmaznak, de ez még mindig jó munkát végzett.
Van még néhány más oldal, amely ugyanazt teszi, mint az ArsTechnica és. .. a mi oldalunk, de ostobának tűnnének az összes képernyőképek. Kutatásunkban a helyesen megvalósított webhelyek kevés és messze vannak egymástól.
Ahhoz, hogy lezárjuk. .. kérjük, vegye igénybe a weboldal nyomtatási stíluslapjának megvalósításához szükséges 5 percet!