यह मुझे विस्मित करने के लिए कभी नहीं रोकता है कि लोगों को एक लिंक या एक बटन की तलाश करनी है जो एक वेब पेज पर "प्रिंट" कहता है, विशेष रूप से वहाँ एक चमत्कार तकनीक है जो उस कदम को अनावश्यक बनाती है। अफसोस की बात है कि लगभग कोई भी इसका उपयोग नहीं करता है, भले ही यह 10 साल पुराना हो।
न केवल यह मुद्रण के लिए एक अतिरिक्त कदम की आवश्यकता के लिए मूर्खतापूर्ण है, लेकिन प्रिंट स्टाइलशीट का उपयोग करने से किसी के लिए भी कुछ स्याही बच जाएगी जो मुद्रण योग्य लिंक का उपयोग नहीं करता है। और हां, ऐसे लोगों का भार है जो पेपर को बर्बाद किए बिना बाद के लिए लेखों को सहेजने के लिए प्रिंट-टू-पीडीएफ का उपयोग करते हैं।
प्रिंट शैलियाँ क्या हैं?
अधिकांश वेब साइटें आपके प्रिंट फ़ंक्शन को दूसरे पृष्ठ पर ले जाकर लागू करती हैं, जो कि प्रिंटर के लिए अलग-अलग स्वरूपित है - लेकिन यह वास्तव में आवश्यक नहीं है। हर ब्राउज़र एक सरल सीएसएस तकनीक को लागू करता है जिसे जाना जाता है स्टाइल्सशीट प्रिंट करें , जो आपके ब्राउज़र के पेज को प्रिंट करने के लिए तत्वों को निर्दिष्ट करने वाली फ़ाइल से अधिक कुछ नहीं है।
जो लोग अपरिचित हैं, उनके लिए CSS का अर्थ है कैस्केडिंग स्टाइल शीट्स, और यह कि आपका ब्राउज़र कैसे जानता है कि वेब पेज के लिए HTML स्रोत कोड को प्रारूपित करना है कि आप वास्तव में स्क्रीन पर क्या देखते हैं। फोंट, रंग, सीमा और यहां तक कि पृष्ठभूमि छवियों से सब कुछ स्टाइल शीट में निर्दिष्ट किया जा सकता है।
प्रिंट स्टाइलशीट जोड़ना उतना ही सरल है जितना कि आपके पेज एचटीएमएल में इस एक लाइन को प्लग करना - मीडिया = कोड का प्रिंट भाग ब्राउज़र को बताता है कि प्रिंट करते समय केवल इस स्टाइल शीट का उपयोग करें।
<लिंक rel = "स्टाइलशीट" href = "print.css" टाइप = "टेक्स्ट / सीएसएस" मीडिया = "प्रिंट">
यह फ़ाइल आम तौर पर कुछ इस तरह दिखती है:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
हां, यह वास्तव में उतना ही सरल है। तो यह कैसे काम करता है? यहां बाईं ओर एक सामान्य वेब पेज का एक उदाहरण है, जिसमें सभी नेविगेशन, लोगो, और विज्ञापन जुड़े हुए आईडी के साथ स्पष्ट रूप से दिखाई देते हैं - और दाईं ओर, प्रिंट स्टाइलशीट के साथ एक ही पृष्ठ, उन सभी तत्वों को छुपाता है।
जाहिर है आप इनमें से एक को दूसरे पर छापना पसंद करेंगे, है ना?
प्रिंट स्टाइल्सशीट विफलता के उदाहरण
दुर्भाग्यवश, बहुत बड़ी वेब साइट्स हैं, जो इसे लागू करने के लिए परेशान नहीं हैं। जब आप न्यूयॉर्क टाइम्स से प्रिंट करने की कोशिश करते हैं तो क्या होता है, इस पर एक नज़र डालें:
कुछ साइटों, जैसे गावकर साइटों का नेटवर्क, और भी बदतर हैं। इतना ही नहीं उनके पास एक मुद्रण योग्य दृश्य नहीं है, जब आप कोशिश करते हैं और प्रिंट करते हैं, तो यह स्याही सूप जैसा दिखता है। जहां तक हम बता सकते हैं, पठनीयता जैसी एक अलग सेवा का उपयोग किए बिना, या पृष्ठ पर सामग्री को मैन्युअल रूप से हाइलाइट करने के बिना गॉकर साइट से प्रिंट करने का कोई तरीका नहीं है, जो उनके नए डिजाइन पर लगभग असंभव है।
यह वास्तव में दुखद है। सबसे बड़ी साइटों का भार इस सुविधा को लागू करने में परेशान करने में पूरी तरह विफल रहता है।
शुक्र है, कुछ साइटें उनका उपयोग करती हैं
यहां कुछ प्रिंट लिंक खोजने की जहमत उठाए बिना एक उचित स्वरूपित मुद्रण योग्य दृश्य का एक उदाहरण है। बीबीसी समाचार साइट बड़े करीने से एक कस्टम हेडर के साथ प्रिंट के लिए लेखों को प्रारूपित करती है। वे प्रिंट दृश्य में टिप्पणियां शामिल करते हैं, लेकिन यह अभी भी एक काम है।
वहाँ कुछ अन्य साइटें हैं जो ऐसा ही करती हैं, जैसे ArsTechnica और ... हमारी साइट, लेकिन यह उन सभी के स्क्रीनशॉट दिखाने के लिए मूर्खतापूर्ण होगा। हमारे शोध में, जिन साइटों ने उन्हें ठीक से लागू किया है, वे बहुत कम और बीच में हैं।
तो लपेटने के लिए ... कृपया अपनी साइट के लिए प्रिंट स्टाइलशीट लागू करने के लिए आवश्यक 5 मिनट का समय लें!
