كيفية منع صفحة الويب من الطباعة مع المغلق

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

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

كيفية منع صفحة الويب من الطباعة مع المغلق

من السهل استخدام CSS لمنع الأشخاص من طباعة صفحات الويب الخاصة بك. تحتاج ببساطة إلى إنشاء ورقة أنماط بسطر واحد باسم "print.css" تتضمن السطر التالي من CSS.

الجسم {display: none؛ }

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

بعد الحصول على ورقة أنماط "print.css" ، يمكنك تحميلها في HTML كورقة أنماط طباعة. إليك كيفية القيام بذلك - فقط أضف السطر التالي إلى عنصر "الرأس" في صفحات HTML الخاصة بك.

تخبر هذه المعلومات المتصفح بأنه في حالة تعيين صفحة الويب هذه على الطباعة ، لاستخدام ورقة الأنماط هذه بدلاً من أي ورقة أنماط افتراضية تستخدمها الصفحات للعرض على الشاشة. عندما تنتقل الصفحات إلى هذه الورقة "print.css" ، فإن النمط الذي يجعل الصفحة بأكملها لن يتم عرضها ، وستكون جميع الصفحات التي ستطبع صفحة فارغة.

حظر صفحة واحدة في وقت واحد

إذا لم تكن بحاجة إلى حظر الكثير من الصفحات على موقعك ، فيمكنك حظر الطباعة على أساس صفحة تلو الأخرى مع لصق الأنماط التالية في رأس HTML الخاص بك.

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

الحصول على مربي الحيوانات مع الصفحات المحظورة

ماذا لو كنت تريد حظر الطباعة ، ولكن لا تريد أن يشعر العملاء بالإحباط؟ إذا رأوا طباعة صفحة فارغة ، قد ينزعجون ويعتقدون أن طابعة أو حاسوبهم مكسور ولا يدركون أنك عطّلت بشكل أساسي الطباعة!

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

وأغلق هذه العلامة بعد كتابة كل محتواها ، في أسفل الصفحة تمامًا:

بعد ذلك ، بعد إغلاق قسم "noprint" ، افتح div آخر بالرسالة التي تريد عرضها عند طباعة المستند:

هذه الصفحة مخصصة ليتم عرضها على الإنترنت وقد لا تتم طباعتها. يرجى الاطلاع على هذه الصفحة على http://webdesign.about.com/od/advancedcss/qt/block_print.htm

قم بتضمين ارتباط إلى مستند CSS الخاص بطبعتك المسمى print.css:

وفي هذا المستند تشمل الأنماط التالية:

#noprint {display: none؛ } #print {display: block؛ }

أخيرًا ، في ورقة الأنماط القياسية (أو في نمط داخلي في رأس المستند) ، اكتب:

#print {display: none؛ } #noprint {display: block؛ }

سيضمن ذلك ظهور رسالة الطباعة على الصفحة المطبوعة فقط ، بينما تظهر صفحة الويب على الصفحة عبر الإنترنت فقط.

النظر في تجربة المستخدم

عادةً ما تكون صفحات الويب المطبوعة تجربة سيئة نظرًا لأن مواقع الويب غالبًا لا تترجم جيدًا إلى الصفحة المطبوعة. إذا كنت لا ترغب في إنشاء ورقة أنماط منفصلة تمامًا لإملاء أنماط الطباعة ، فيمكنك التفكير في استخدام الخطوات الواردة في هذه المقالة من أجل "إيقاف" الطباعة على الصفحة. كن على علم بالأثر الذي يمكن أن يحدثه ذلك على المستخدمين الذين يعتمدون على مواقع الويب المطبوعة (ربما بسبب ضعف الرؤية والنضال في قراءة النص المعروض على الشاشة) واتخاذ القرارات التي ستعمل لصالح جمهور موقعك.

المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرار.