Gants Rants لماذا العديد من مواقع ويب فشل في استخدام أوراق أنماط الطباعة؟

لا يتوقف عن إدهاش لي أن على الناس أن يبحثوا عن رابط أو زر يقول "طباعة" على صفحة ويب ، خاصة بالنظر إلى وجود تقنية معجزة تجعل هذه الخطوة غير ضرورية. للأسف ، لا أحد يستخدمه على الإطلاق ، على الرغم من أنه عمره 10 سنوات.

ليس سخيفة فقط أن تتطلب خطوة إضافية للطباعة ، ولكن استخدام أوراق أنماط الطباعة سيوفر بعض الحبر لأي شخص لا يستخدم الارتباط القابل للطباعة. وبالطبع ، هناك الكثير من الأشخاص الذين يستخدمون print-to-PDF لحفظ المقالات في وقت لاحق دون إضاعة الورق.

ما هي أوراق أنماط الطباعة?

تقوم معظم مواقع الويب بتنفيذ وظيفة الطباعة الخاصة بها عن طريق نقلك إلى صفحة أخرى ، والتي يتم تنسيقها بشكل مختلف للطابعات - ولكن هذا ليس ضروريًا حقًا. يطبق كل متصفح تقنية CSS بسيطة تعرف باسم Print Styles Sheets ، والتي لا تعدو أن تكون أكثر من ملف يحدد عناصر لإخفاء عندما يقوم متصفحك بطباعة الصفحة..

بالنسبة إلى الأشخاص غير المألوفين ، CSS تعني أوراق الأنماط المتتالية ، وكيف يعرف متصفحك كيفية تنسيق شفرة مصدر HTML لصفحة ويب إلى ما تشاهده فعليًا على الشاشة. يمكن تحديد كل شيء من الخطوط والألوان والحدود وحتى صور الخلفية في ورقة الأنماط.

تعد إضافة ورقة أنماط الطباعة بسيطة مثل توصيل هذا السطر الواحد في صفحتك بتنسيق HTML - الإعلام = جزء الطباعة من الشفرة يخبر المتصفح باستخدام ورقة الأنماط هذه فقط عند الطباعة.

يبدو هذا الملف بوجه عام شيئًا كهذا:

#sidebar، #footer، #navigation، #sharinglinks، #topad، #comments display: none

نعم ، الأمر بهذه البساطة. فكيف يعمل؟ في ما يلي مثال لصفحة ويب عادية على اليمين ، مع ظهور جميع عمليات التنقل والشعار والإعلانات بوضوح مع المعرف المرتبط - وعلى اليمين ، نفس الصفحة التي تم تطبيقها مع ورقة أنماط الطباعة ، لإخفاء جميع هذه العناصر.

من الواضح أنك تفضل أن تطبع أحدها على الآخر ، صحيح?

أمثلة على فشل ورقة أنماط الطباعة

للأسف ، هناك الكثير من مواقع الويب الضخمة التي لم تكلف نفسها عناء تنفيذ ذلك على الإطلاق. ألقِ نظرة على ما يحدث عند محاولة الطباعة من New York Times:

بعض المواقع ، مثل شبكة مواقع Gawker ، هي أسوأ. ليس فقط ليس لديهم عرض قابل للطباعة ، عندما تحاول الطباعة ، فهي تشبه حساء الحبر. بقدر ما يمكننا أن نقول ، لا توجد طريقة للطباعة من موقع Gawker دون استخدام خدمة منفصلة مثل قابلية القراءة ، أو تمييز محتوى الصفحة يدويًا ، وهو أمر مستحيل تقريبًا في تصميمهم الجديد.

هذا محزن حقاً الأحمال من أكبر المواقع تخفق تماما في إزعاج تنفيذ هذه الميزة.

لحسن الحظ ، بعض المواقع لا تستخدمها

في ما يلي مثال على طريقة العرض القابلة للطباعة المهيأة بشكل صحيح - دون الحاجة إلى إزعاج العثور على رابط طباعة. ينسق موقع BBC News بدقة المواد للطباعة ، مع استكمال رأس مخصص. وهي تتضمن تعليقات في طريقة عرض الطباعة ، ولكنها لا تزال تعمل بشكل جيد.

هناك عدد غير قليل من المواقع الأخرى التي تحذو حذوها ، مثل ArsTechnica و ... موقعنا ، ولكن سيكون من السخف إظهار لقطات شاشة لكل هذه المواقع. في بحثنا ، المواقع التي نفذت بشكل صحيح هي قليلة ومتباعدة.

إذاً للإنهاء ... يرجى أخذ الخمس دقائق المطلوبة لتنفيذ ورقة أنماط الطباعة لموقعك!