تحتاج بعض التطبيقات الموجودة على موقع الويب إلى توفير وظيفة طباعة الصفحات مباشرة للمستخدمين، وأكثرها وضوحًا هي القسائم الإلكترونية التي يقوم التجار بإدخال المحتوى وفقًا للنموذج المقدم من موقع الويب، ثم إنشاء صفحة قسيمة عندما يطبع المستخدم هذه الصفحة إنها قسيمة.
وبالطبع فإن أفضل طريقة هي إنشاء ملف صورة بناءً على هذه الصفحة، حيث يقوم المستخدم بتنزيل الصورة ثم طباعتها ولن يتأثر تأثير الطباعة بإعدادات المتصفح.
ولكن إذا لم تقم، لبعض الأسباب، من أجل تسريع أو توفير التكاليف، بحفظ الصفحة كملف صورة، فيمكنك فقط طباعة صفحة HTML مباشرة، الأمر الذي يتطلب بعض المتطلبات الإضافية في تصميم الصفحة، هنا اثنان يجب ملاحظة الأشياء:
1. قم بتعيين سمات علامة النمط:
<نوع النمط=”text/css” media=”print”>
وهذا يعني أن سمات النمط المقدمة أو المحددة في هذا النمط تُستخدم فقط عند الطباعة، وللتذكير، إذا لم يتم تعيين سمة الوسائط، فسيصبح النمط المحدد ساري المفعول في كل من المتصفح والطباعة، لذلك يوصى باستخدام أسلوب مثل هذا يوضع بعد كل الأنماط العادية. على سبيل المثال، نأمل أن يكون هناك سطر "Print and Yahoo Word of Mouth Network" في الصفحة المطبوعة، لكن هذا غير واقعي في المتصفح:
<p class="printTitle">شبكة الطباعة والتحدث الشفهي من Yahoo</p>
ثم يمكننا تعيين .printTitle{display:none;} في النمط الموحد، وضبطه على .printTitle{display:block;} في النمط التالي حيث تكون الوسائط "print". لا تتمتع أنماط الطباعة المحددة بأولوية أعلى من الأنماط المحددة بانتظام عند الطباعة، لذا يوصى مرة أخرى بوضع أنماط الطباعة بعد كل الأنماط العادية.
2. عند طباعة الصفحة، سيكون لإعدادات المتصفح تأثير على تأثير الطباعة في IE، يوجد "طباعة لون الخلفية والصورة" في "الأدوات" - "خيارات الإنترنت" - "متقدمة"، كما هو الحال في Firefox. في "ملف" - "إعداد الصفحة"، يوجد "طباعة لون وصورة الخلفية". عند تحديد هذا الخيار، يمكن طباعة لون الخلفية والصورة في الصفحة (يبدو أن بعض متصفحات IE kernel غير القياسية تحتوي على بعض المشاكل، يمكن طباعة لون الخلفية، ولكن لا يمكن طباعة صورة الخلفية). إذا لم يتم تحديدها، فلا يمكن طباعة لون الخلفية ولا الصورة، لذا من أجل حماية المستخدمين من المتصفحات وإعدادات المتصفح المختلفة، أقترح اثنين النقطة الأولى هي استخدام المنطقة المملوءة بلون الخلفية كحدود ويتم إضافة حد يبلغ 1 بكسل، ويكون اللون هو نفس لون الخلفية، بحيث لا يمكن رؤية أي تغيير في المتصفح. حتى إذا كانت إعدادات المستخدم تمنع طباعة لون الخلفية، فلا يزال من الممكن استخدام الحدود كأقسام، ويتم الاحتفاظ بتخطيط الصفحة في الطبقة الأكبر، والثاني هو استخدام علامات <img/> لجميع الصور الأساسية، بحيث يمكن طباعة هذه الصور بغض النظر عن كيفية ضبط متصفح المستخدم، قد يكون هذا هو نفسه عادةً، حيث يتم تصميم بعض الصفحات بطرق مختلفة، ولكن من أجل توحيد تأثير الطباعة، علينا فقط الاستسلام.
لقد قمت ببساطة بطرح بعض المشكلات التي واجهتها في التطبيقات العملية. إذا كان لديك أي أسئلة أو أفكار جديدة، يمكنك طرحها للمناقشة معًا، وسأطرحها هنا أولاً؛
النص الأصلي: http://ued.koubei.com/?p=918