چاپ سبک های CSS که فراموش کردم. شکستن صفحه برای چاپ با استفاده از CSS3 چاپ URL پیوندها



نحوه برخورد با شکستگی صفحه هنگام چاپ یک جدول بزرگ HTML (8)

من پروژه ای دارم که نیاز به چاپ یک جدول HTML با سطرهای زیاد دارد.

مشکل من نحوه چاپ جدول در چندین صفحه است. گاهی اوقات یک خط را به دو نیم می کند و آن را غیرقابل خواندن می کند زیرا یک نیمه در لبه صفحه و بقیه در بالای صفحه بعدی چاپ می شود.

تنها راه حل قابل قبولی که می توانم به آن فکر کنم این است که از DIV های پیچیده به جای جدول استفاده کنم و در صورت لزوم صفحه را مجبور به شکستن کنیم... اما قبل از انجام تمام تغییرات فکر کردم ممکن است قبلاً اینجا بپرسم.

از این ویژگی های CSS استفاده کنید:

صفحه شکستن بعد از صفحه شکستن قبل از

مثلا:

@media print ( جدول (page-break-after: همیشه) ....

هیچ یک از پاسخ های اینجا برای من در کروم کار نمی کند. AAverin در GitHub یک جاوا اسکریپت مفید برای این کار ایجاد کرد و برای من کار کرد:

فقط js را به کد خود اضافه کنید و یک کلاس splitForPrint را به جدول اضافه کنید تا جدول را به چندین صفحه تقسیم کند و به هر صفحه یک هدر جدول اضافه کند.

نکته: هنگام استفاده از صفحه شکست: همیشه برای یک برچسب، پس از آخرین بیت جدول یک صفحه شکسته ایجاد می کند و هر بار یک صفحه کاملاً خالی ایجاد می کند! برای رفع این مشکل، به سادگی آن را به page-break-after: auto تغییر دهید. به درستی شکسته می شود و یک صفحه خالی اضافی ایجاد نمی کند.

@media print ( جدول ( page-break-after:auto) tr (page-break-inside:avoid; page-break-after:auto) td (page-break-inside:avoid; page-break-after:auto) thead (نمایش:گروه-سربرگ-جدول) tfoot (نمایش:گروه-پای-جدول)) ....

پاسخ پذیرفته شده برای من در همه مرورگرها کار نکرد، اما دنبال کردن css برای من کارساز بود:

Tr (نمایش: جدول-ردیف-گروه؛ صفحه-شکستن-داخل: اجتناب؛ صفحه-شکستن-بعد: خودکار؛ )

ساختار HTMLبود:

...

در مورد من چند مشکل اضافی با thead tr وجود داشت، اما این مشکل اصلی محتوی ردیف جدول را حل کرد.

به دلیل مشکلات هدر به این نتیجه رسیدم:

#theTable td * ( page-break-inside:avoid; )

این مانع از شکستن ردیف ها نشد. فقط محتویات هر سلول

من به رویکرد @vicenteherrera، با برخی از ترفندها (که ممکن است بوت استرپ 3 باشد) پایان دادم.

اساسا؛ ما نمی توانیم tr s یا td s را بشکنیم زیرا آنها عناصر سطح بلوک نیستند. بنابراین ما div ها را در هر یک قرار می دهیم و قوانین page-break-* خود را روی div ها اعمال می کنیم. دوم، ما مقداری بالشتک را به بالای هر یک از این div ها اضافه می کنیم تا هرگونه آرتیفکت استایل را جبران کنیم.

@media print ( /* از نصف کردن tr"s اجتناب کنید */ th div, td div ( margin-top:-8px; padding-top:8px; page-break-inside:avoid; ) ) $(document).ready (function())( // هر محتوای tr و td" را در یک div بپیچید // (todo: منطق را اضافه کنید تا فقط هنگام چاپ این کار را انجام دهیم) $("table tbody th, table tbody td").wrapInner(" ")))

اصلاحات و تنظیمات اضافات برای جبران برخی از لرزش هایی که معرفی شده بود (من فرض می کنم از بوت استرپ) ضروری بود. مطمئن نیستم که راه حل جدیدی از پاسخ های دیگر به این سوال ارائه کنم یا نه، اما شاید به کسی کمک کند.

من اخیرا این مشکل را با یک راه حل خوب حل کردم.

AvoidBreak (حاشیه: 2px جامد؛ page-break-inside:avoid;)

تابع Print())($(".tableToPrint td، .tableToPrint th").each(function())($(this).css("width", $(this).width() + "px") )) ؛ $(".tableToPrint tr").wrap(""); window.print(); )

مانند یک طلسم کار می کند!

راه حل های زیادی را تست کردم و هیچ کدام به خوبی کار نکرد.

بنابراین من یک ترفند کوچک را امتحان کردم و جواب داد:

tfoot با سبک: موقعیت: ثابت; پایین: 0px; موقعیت: ثابت؛ پایین: 0px; در پایین صفحه آخر قرار می گیرد، اما اگر پاورقی خیلی بالا باشد، با محتوای جدول همپوشانی دارد.

tfoot فقط با: نمایشگر: table-footer-group; همپوشانی ندارد، اما در انتهای صفحه آخر نیست...

بیایید دو فوت قرار دهیم:

TFOOT.placer (نمایشگر: table-footer-group؛ ارتفاع: 130px; ) TFOOT.contenter (نمایش: table-footer-group؛ موقعیت: ثابت؛ پایین: 0px؛ ارتفاع: 130px؛ ) متن طولانی یا تصویر بالا در اینجا

یکی در صفحات غیرآخر فضا را رزرو می کند، دیگری در فوتر شخصی شما.

جدول آزمایشی (صفحه-شکستن-داخل: خودکار) tr (شکستگی-صفحه-داخلی: اجتناب؛ صفحه-شکستگی-بعد: خودکار) thead (نمایش:گروه-سرصفحه-جدول) tfoot (نمایش:گروه-پایی-جدول)

عنوان
یادداشت
ایکس
ایکس
ایکس



نحوه برخورد با شکستگی صفحه هنگام چاپ یک جدول بزرگ HTML (8)

من پروژه ای دارم که نیاز به چاپ یک جدول HTML با سطرهای زیاد دارد.

مشکل من نحوه چاپ جدول در چندین صفحه است. گاهی اوقات یک خط را به دو نیم می کند و آن را غیرقابل خواندن می کند زیرا یک نیمه در لبه صفحه و بقیه در بالای صفحه بعدی چاپ می شود.

تنها راه حل قابل قبولی که می توانم به آن فکر کنم این است که از DIV های پیچیده به جای جدول استفاده کنم و در صورت لزوم صفحه را مجبور به شکستن کنیم... اما قبل از انجام تمام تغییرات فکر کردم ممکن است قبلاً اینجا بپرسم.

از این ویژگی های CSS استفاده کنید:

صفحه شکستن بعد از صفحه شکستن قبل از

مثلا:

@media print ( جدول (page-break-after: همیشه) ....

هیچ یک از پاسخ های اینجا برای من در کروم کار نمی کند. AAverin در GitHub یک جاوا اسکریپت مفید برای این کار ایجاد کرد و برای من کار کرد:

فقط js را به کد خود اضافه کنید و یک کلاس splitForPrint را به جدول اضافه کنید تا جدول را به چندین صفحه تقسیم کند و به هر صفحه یک هدر جدول اضافه کند.

نکته: هنگام استفاده از صفحه شکست: همیشه برای یک برچسب، پس از آخرین بیت جدول یک صفحه شکسته ایجاد می کند و هر بار یک صفحه کاملاً خالی ایجاد می کند! برای رفع این مشکل، به سادگی آن را به page-break-after: auto تغییر دهید. به درستی شکسته می شود و یک صفحه خالی اضافی ایجاد نمی کند.

@media print ( جدول ( page-break-after:auto) tr (page-break-inside:avoid; page-break-after:auto) td (page-break-inside:avoid; page-break-after:auto) thead (نمایش:گروه-سربرگ-جدول) tfoot (نمایش:گروه-پای-جدول)) ....

پاسخ پذیرفته شده برای من در همه مرورگرها کار نکرد، اما دنبال کردن css برای من کارساز بود:

Tr (نمایش: جدول-ردیف-گروه؛ صفحه-شکستن-داخل: اجتناب؛ صفحه-شکستن-بعد: خودکار؛ )

ساختار html این بود:

...

در مورد من چند مشکل اضافی با thead tr وجود داشت، اما این مشکل اصلی محتوی ردیف جدول را حل کرد.

به دلیل مشکلات هدر به این نتیجه رسیدم:

#theTable td * ( page-break-inside:avoid; )

این مانع از شکستن ردیف ها نشد. فقط محتویات هر سلول

من به رویکرد @vicenteherrera، با برخی از ترفندها (که ممکن است بوت استرپ 3 باشد) پایان دادم.

اساسا؛ ما نمی توانیم tr s یا td s را بشکنیم زیرا آنها عناصر سطح بلوک نیستند. بنابراین ما div ها را در هر یک قرار می دهیم و قوانین page-break-* خود را روی div ها اعمال می کنیم. دوم، ما مقداری بالشتک را به بالای هر یک از این div ها اضافه می کنیم تا هرگونه آرتیفکت استایل را جبران کنیم.

@media print ( /* از نصف کردن tr"s اجتناب کنید */ th div, td div ( margin-top:-8px; padding-top:8px; page-break-inside:avoid; ) ) $(document).ready (function())( // هر محتوای tr و td" را در یک div بپیچید // (todo: منطق را اضافه کنید تا فقط هنگام چاپ این کار را انجام دهیم) $("table tbody th, table tbody td").wrapInner(" ")))

اصلاحات و تنظیمات اضافات برای جبران برخی از لرزش هایی که معرفی شده بود (من فرض می کنم از بوت استرپ) ضروری بود. مطمئن نیستم که راه حل جدیدی از پاسخ های دیگر به این سوال ارائه کنم یا نه، اما شاید به کسی کمک کند.

من اخیرا این مشکل را با یک راه حل خوب حل کردم.

AvoidBreak (حاشیه: 2px جامد؛ page-break-inside:avoid;)

تابع Print())($(".tableToPrint td، .tableToPrint th").each(function())($(this).css("width", $(this).width() + "px") )) ؛ $(".tableToPrint tr").wrap(""); window.print(); )

مانند یک طلسم کار می کند!

راه حل های زیادی را تست کردم و هیچ کدام به خوبی کار نکرد.

بنابراین من یک ترفند کوچک را امتحان کردم و جواب داد:

tfoot با سبک: موقعیت: ثابت; پایین: 0px; موقعیت: ثابت؛ پایین: 0px; در پایین صفحه آخر قرار می گیرد، اما اگر پاورقی خیلی بالا باشد، با محتوای جدول همپوشانی دارد.

tfoot فقط با: نمایشگر: table-footer-group; همپوشانی ندارد، اما در انتهای صفحه آخر نیست...

بیایید دو فوت قرار دهیم:

TFOOT.placer (نمایشگر: table-footer-group؛ ارتفاع: 130px; ) TFOOT.contenter (نمایش: table-footer-group؛ موقعیت: ثابت؛ پایین: 0px؛ ارتفاع: 130px؛ ) متن طولانی یا تصویر بالا در اینجا

یکی در صفحات غیرآخر فضا را رزرو می کند، دیگری در فوتر شخصی شما.

جدول آزمایشی (صفحه-شکستن-داخل: خودکار) tr (شکستگی-صفحه-داخلی: اجتناب؛ صفحه-شکستگی-بعد: خودکار) thead (نمایش:گروه-سرصفحه-جدول) tfoot (نمایش:گروه-پایی-جدول)

عنوان
یادداشت
ایکس
ایکس
ایکس



این توییت مرا به خود جذب کرد. ناگهان متوجه شدم که دیگر نمی‌توانم به یاد بیاورم که چه زمانی صفحات وب را برای چاپ بهینه کردم یا حتی نحوه خروجی آنها را به چاپگر بررسی کردم.

تمرکز اصلی توسعه وب بر روی نسخه های الکترونیکیسایت های. صفحات باید در چندین مرورگر بررسی شوند، در اندازه های مختلف پنجره آزمایش شوند... چه کسی به چاپگرها اهمیت می دهد؟ یا شاید سبک های چاپ را فراموش کرده ام زیرا به ندرت خودم از صفحات کپی کاغذی تهیه می کنم. به هر حال من احساس کردم که وضعیت نیاز به اصلاح فوری دارد.

نسخه چاپی صفحه وب مانند نسخه الکترونیکی حق وجود دارد. و اگر می‌کوشیم مواد خود را تا حد امکان در دسترس قرار دهیم، نباید از رسانه‌های کاغذی غافل شویم. علاوه بر این، شما نباید در مورد کاربران و رفتار آنها فرضیاتی داشته باشید. مردم هنوز صفحات وب را روی چاپگرها چاپ می کنند. فقط به مقالات یا پست های وبلاگ، صفحات حاوی دستور العمل ها، اطلاعات تماس، مسیرها یا فهرست ها فکر کنید. دیر یا زود، کسی مطمئناً سعی می کند چیزی را که شما در اینترنت ارسال کرده اید چاپ کند.

در اینجا چیزی است که هایدون پیکرینگ، نویسنده کتاب "الگوهای طراحی فراگیر" در این باره می گوید: "من مدت زیادی است که از چاپگرهای خانگی استفاده نمی کنم. نکته اینجاست که من این احساس را دارم که حدود ده دقیقه بعد از شروع چاپ شما می شکند. اما من همه چیز نیستم.»

اگر اکنون متوجه شده اید که مانند من، به سبک های چاپ توجه کافی نداشته اید، امیدوارم داستان من به شما کمک کند و به شما کمک کند تا به سرعت حافظه خود را تازه کنید. و اگر هرگز صفحات وب را برای چاپگرها بهینه نکرده اید، مجموعه کوچک من از ترفندهای مفید CSS شما را شروع می کند.

1. استفاده از سبک های چاپ CSS بهترین راه برای گنجاندن سبک های چاپ در صفحه خود این است که یک قانون رسانه @ را در فایل CSS اصلی خود اعلام کنید.

بدنه (اندازه قلم: 18 پیکسل؛ ) @media print (/* سبک های چاپ اینجا خواهند رفت */ بدنه (اندازه قلم: 28 پیکسل؛ ))
همچنین، می‌توانید سبک‌های چاپ را در یک فایل جداگانه قرار داده و آن را در HTML قرار دهید، اما با این رویکرد هنگام بارگذاری صفحه به درخواست اضافی نیاز خواهید داشت.

2. تست نحوه ارزیابی ظاهرصفحه وب برای چاپ آماده شده است؟ برای هرکسی روشن است که گذاشتن آن روی کاغذ پس از هر تغییر در سبک اینطور نیست بهترین تصمیم. خوشبختانه، قابلیت های مرورگر برای بررسی "بدون کاغذ" نسخه های چاپ شده صفحات کاملاً کافی است.

بسته به مرورگر، می توانید صفحه را به PDF صادر کنید، از عملکرد استفاده کنید پیش نمایشیا حتی صفحه را مستقیماً در مرورگر وب اشکال زدایی کنید.

برای اشکال زدایی سبک های چاپ در فایرفاکس، پنل برنامه نویس را با استفاده از میانبر صفحه کلید Shift + F2 یا با اجرای دستور منوی Develop → Developer Panel باز کنید. وارد شوید خط فرماندر پایین پنجره، موارد زیر قرار دارد: media emulate print، با فشار دادن Enter، ورودی را تکمیل کنید. برگه فعال طوری عمل می کند که گویی نوع رسانه آن چاپ شده است تا زمانی که صفحه را ببندید یا بازخوانی کنید.

شبیه سازی چاپ در فایرفاکس

کروم نیز ویژگی مشابهی دارد. ابزار Developer Tools را باز کنید که در MacOS می‌توانید از کلید ترکیبی CMD + Opt + I، در ویندوز - Ctrl + Shift + I استفاده کنید یا دستور منو را اجرا کنید. ابزارهای اضافی→ ابزارهای توسعه دهنده. پس از آن، پنل رندر را باز کنید. یکی از راه‌های انجام این کار این است که Esc را فشار دهید تا پنل کنسول ظاهر شود و سپس از منو برای باز کردن پنل Rendering استفاده کنید. در پنل رندر، پرچم Emulate CSS Media را تنظیم کرده و Print را انتخاب کنید.


شبیه سازی چاپ در کروم

می توانید در مورد آزمایش نسخه های چاپ شده صفحات وب در StackOverflow اطلاعات بیشتری کسب کنید.

3. واحدهای اندازه گیری مطلق واحدهای اندازه گیری مطلق برای نسخه های صفحه نمایش صفحات چندان مناسب نیستند، اما برای چاپ همان چیزی هستند که شما نیاز دارید. در سبک های چاپ کاملا ایمن است، علاوه بر این، توصیه می شود از واحدهای اندازه گیری مطلق مانند سانتی متر، میلی متر، در، pt یا کامپیوتر استفاده کنید.

بخش (حاشیه-پایین: 2 سانتی متر؛ )

4. ویژگی های صفحه می توانید از قانون Page @ برای کنترل ویژگی های صفحه مانند اندازه، جهت و حاشیه آنها استفاده کنید. این بسیار مفید است، مثلاً زمانی که نیاز دارید همه صفحات چاپ شده دارای حاشیه های یکسان باشند.

@media print (@page ( حاشیه: 1cm; ))
قانون Page @ بخشی از استاندارد ماژول رسانه‌ای Paged است که چیزهای جالب زیادی مانند انتخاب صفحه اول برای چاپ، سفارشی‌سازی ارائه می‌کند. صفحات خالی، قرار دادن عناصر در گوشه های صفحه و . حتی می توان از آن برای تهیه کتاب برای چاپ استفاده کرد.

5. مدیریت شکستگی صفحه از آنجایی که برگه های چاپ شده، برخلاف صفحات وب، بی پایان نیستند، محتوای صفحات وب دیر یا زود در یک صفحه کاغذ شکسته می شود و در صفحه بعدی ادامه می یابد. پنج ویژگی برای کنترل شکست صفحه وجود دارد: صفحه شکست قبل از عنصر اگر می‌خواهید یک عنصر همیشه در ابتدای صفحه ظاهر شود، می‌توانید با استفاده از ویژگی page-break-before، قبل از آن صفحه را شکست دهید.

بخش ( صفحه-شکستن-قبل از: همیشه؛ )

▍بازگشت صفحه بعد از یک عنصر ویژگی page-break-after به شما امکان می دهد بعد از یک عنصر یک صفحه شکست اجباری تنظیم کنید. با استفاده از این خاصیت می توانید از شکستگی نیز جلوگیری کنید.

H2 (شکاف صفحه: همیشه؛ )

▍شکستن یک صفحه در یک عنصر اگر نیاز به اجتناب از تقسیم یک عنصر بین دو صفحه دارید، ویژگی page-break-inside بسیار مفید است.

Ul ( صفحه شکستن داخل: اجتناب کنید؛ )

▍خطوط آویزان بالا و پایین گاهی اوقات نیازی به شکستن صفحه ندارید، اما می‌خواهید خروجی پاراگراف‌ها را در مرزهای صفحه کنترل کنید.

به عنوان مثال، اگر خط آخر یک پاراگراف در صفحه فعلی مناسب نباشد، دو سطر آخر آن پاراگراف در صفحه بعدی چاپ می شود. این به این دلیل است که ویژگی کنترل کننده این (widows، به عنوان مثال "ردیف های آویزان بالا") به طور پیش فرض روی 2 تنظیم شده است. این می تواند تغییر کند.

P (بیوه ها: 4؛ )
اگر وضعیت دیگری رخ دهد و فقط یک خط از یک پاراگراف در صفحه فعلی قرار گیرد، کل پاراگراف در صفحه بعدی چاپ می شود. ویژگی مسئول خطوط پایین آویزان (یتیم) نیز به طور پیش فرض روی 2 تنظیم شده است.

P(یتیمان: 3;)
نکته کد بالا این است که برای اینکه کل پاراگراف در صفحه بعدی قرار نگیرد، حداقل باید سه خط در صفحه فعلی قرار گیرد.

برای درک بهتر این موضوع، به مثال تهیه شده با استفاده از CodePen نگاهی بیندازید. و در اینجا یک نسخه اشکال زدایی از همان مثال وجود دارد که آزمایش آن راحت تر است.

*، *: قبل، *: بعد، *: حرف اول، p: خط اول، div: خط اول، نقل قول: خط اول، لی: خط اول ( پس زمینه: شفاف !مهم؛ رنگ: #000 !important; box-shadow: هیچ !important; text-shadow: هیچ !important;)
به هر حال، سبک‌های CSS برای چاپ یکی از معدود استثناهایی است که دستور!important کاملاً طبیعی است.)

7. حذف مطالب غیرضروری برای اینکه جوهر هدر نرود، باید همه چیزهای غیر ضروری را از نسخه چاپی صفحه حذف کنید، مانند اسلایدهای بسیار زیبا، تبلیغات، ابزارهای ناوبری سایت و موارد مشابه. این را می توان با تنظیم ویژگی display برای عناصر غیر ضروری روی none انجام داد. این کاملاً ممکن است که بتوانید فقط محتوای اصلی صفحه را نشان دهید و بقیه موارد را پنهان کنید:

Body > *:not(main) (نمایش: هیچکدام؛ )

8. نمایش آدرس های پیوند پیوندها، همانطور که معمولاً در صفحات وب یافت می شوند، هنگام چاپ کاملاً بی فایده هستند، مگر اینکه خواننده نسخه کاغذی سند بداند به کجا منتهی می شود.

برای نمایش آدرس پیوندها پس از نمایش متن، فقط از سبک زیر استفاده کنید:

A:after ( محتوا: " (" attr(href) ")"؛ )
البته با این رویکرد، بسیاری از چیزهای غیرضروری «رمزگشایی» خواهند شد. به عنوان مثال، لینک های نسبی، لینک های مطلق در همان سایتی که صفحه چاپ شده، لینک های لنگر و غیره. برای اینکه صفحه چاپ شده شلوغ نشود، بهتر است از چیزی شبیه به این استفاده کنید:

A:not():after ( محتوا: " (" attr(href) ")"؛ )
دیوانه به نظر می رسد، البته. بنابراین من معنی را توضیح می دهم از این قاعدهبه زبان انگلیسی ساده: "مقدار ویژگی href را در کنار هر پیوندی که دارای ویژگی است که با http شروع می شود اما حاوی mywebsite.com نیست نمایش دهید."

9. توضیح اختصارات اختصارات موجود در متن باید در برچسب قرار داده شود و توضیحات آنها باید در ویژگی عنوان درج شود. اگر اختصارات را به این ترتیب قالب بندی کنید، نمایش معانی آنها در یک صفحه چاپ شده بسیار آسان است:

Abbr:after ( محتوا: "(" attr(title)")"؛ )

10. چاپ اجباری پس زمینه معمولا مرورگرها هنگام ایجاد صفحه ای برای چاپ، رنگ پس زمینه را نمایش نمی دهند و تصاویر پس زمینه، مگر اینکه آنها به صراحت این را نشان دهند. با این حال، گاهی اوقات همه اینها نیاز به چاپ دارد. ویژگی غیر استاندارد print-color-adjust در اینجا به ما کمک می کند، که به شما امکان می دهد تنظیمات پیش فرض را برای برخی از مرورگرها لغو کنید.

هدر (-webkit-print-color-adjust: exact; print-color-adjust: exact;)

11. پرسش های رسانه ای اگر پرس و جوهای رسانه ای را مانند مورد زیر می نویسید، به خاطر داشته باشید که قوانین CSS در درخواست های مشابهروی نسخه چاپی صفحه تاثیری نخواهد داشت.

صفحه رسانه @ و (دقیقه عرض: 48em) ( /* فقط صفحه */ )
چرا اینطور است؟ نکته این است که قوانین CSS فقط در صورتی اعمال می شوند که مقدار عرض حداقل 48em باشد و اگر نوع رسانه صفحه نمایش باشد. اگر از شر این پرسش رسانه ای خلاص شوید کلمه کلیدیصفحه نمایش، سپس فقط با مقدار عرض حداقل محدود می شود.

@media (دقیقه عرض: 48em) ( /* همه انواع رسانه */ )

12. چاپ نقشه ها نسخه های فعلی فایرفاکس و کروم می توانند نقشه ها را چاپ کنند، اما برای مثال سافاری نمی تواند این کار را انجام دهد. هنگام چاپ کارت چه باید کرد؟ یکی از گزینه های جهانی استفاده از نقشه های ایستا به جای نقشه های پویا است.

نقشه (عرض: 400 پیکسل؛ ارتفاع: 300 پیکسل؛ تصویر پس‌زمینه: آدرس اینترنتی ")؛ -webkit-print-color-adjust: دقیق؛ print-color-adjust: دقیق؛ )

13. کدهای QR چاپ کدهای QR حاوی پیوندهای مهم می تواند به طور قابل توجهی قابلیت استفاده نسخه های کاغذی صفحات وب را بهبود بخشد. در اینجا قطعه ای از مجله The Smashing است که می توانید آن را پیدا کنید نکات مفیددر مورد این موضوع یکی از آنها درج آدرس آنها به صورت کدهای QR در صفحات چاپ شده است. در نتیجه کاربر برای باز کردن صفحه ای که از آن پرینت گرفته شده در مرورگر نیازی به تایپ آدرس کامل آن روی صفحه کلید نخواهد داشت.14. درباره چاپ صفحات غیر بهینه در حین تحقیق در مورد موضوع چاپ صفحات وب، متوجه شدم ابزار عالی، که به شما امکان می دهد به راحتی صفحات بهینه نشده را برای چاپ آماده کنید. با استفاده از Printliminator