HTML کو PDF میں تبدیل کریں

صفحہ کن چیزوں تک پہنچ سکتا ہے، اور CSS کیا کنٹرول کرتی ہے

کنورژن کو نیٹ ورک تک رسائی نہیں اور یہ کوئی اسکرپٹ نہیں چلاتی، اور دونوں باتیں غائب فیچرز نہیں بلکہ سیکیورٹی کے فیصلے ہیں۔ جو کنورٹر بھیجے گئے صفحے کی مانگی ہر چیز منگوا لے، اسے آسانی سے ایسے پتوں کی طرف موڑا جا سکتا ہے جو صرف ہمارا سرور دیکھ سکتا ہے، اور جو اسکرپٹس چلائے وہ کسی اجنبی کا کوڈ چلا رہا ہوتا۔ اس لیے CDN سے لنک کی گئی اسٹائل شیٹ نہیں پہنچتی، عام ویب ایڈریس والی تصویر لوڈ نہیں ہوتی، ویب فونٹ خاموشی سے بدل جاتا ہے، اور JavaScript سے خود کو بنانے والا صفحہ ویسا ہی تبدیل ہوتا ہے جیسا کچھ بھی چلنے سے پہلے اس کا مارک اپ کہتا ہے۔ حل ہمیشہ ایک ہی ہے: CSS کو style بلاک میں اندر رکھیں اور تصاویر data URIs کے طور پر شامل کریں۔ براؤزرز یہ سیدھا دیتے ہیں — Firefox میں “Save Page As → Web Page, Complete”، یا “Save as MHTML” — اور محفوظ کیا گیا ایک فائل والا صفحہ درست طور پر تبدیل ہوتا ہے۔

نتیجے پر اصل حکم پرنٹ CSS کا چلتا ہے، اور یہ جاننے لائق دوسری بات ہے۔ صفحہ ایسے ترتیب پاتا ہے جیسے پرنٹ ہو رہا ہو، اس لیے @media print بلاک لاگو ہوتا ہے اور عام اسکرین اسٹائل شیٹ شاید نہ ہو — اسی لیے جس صفحے میں نیویگیشن چھپانے کا پرنٹ اصول ہو وہ خوبصورتی سے تبدیل ہوتا ہے، اور جس میں نہ ہو وہ پوری سائٹ کا ڈھانچہ ساتھ لے آتا ہے۔ @page کاغذ کو کنٹرول کرتا ہے: سائز، رخ اور مارجن اسی سے پڑھے جاتے ہیں۔ break-before، break-after اور break-inside: avoid طے کرتے ہیں کہ صفحات کہاں تقسیم ہوں، اس لیے ایسا ٹیبل جو ٹوٹنا نہیں چاہیے یا ایسا حصہ جسے نئے صفحے سے شروع ہونا ہے، پوری طرح آپ کے اختیار میں ہے۔

بیک گراؤنڈز سب سے عام بھول ہیں۔ براؤزرز ڈیفالٹ طور پر بیک گراؤنڈ کے رنگ اور تصاویر پرنٹ نہیں کرتے، اس لیے گہرے رنگ کا ہیڈر سفید ہو کر تبدیل ہو سکتا ہے جب تک اسٹائل شیٹ -webkit-print-color-adjust: exact نہ کہے — ایک لائن، اور یہی برانڈڈ دستاویز اور سادہ دستاویز کا فرق ہے۔ ٹیکسٹ اصل ٹیکسٹ رہتا ہے، لنکس کام کرتے رہتے ہیں، اور جہاں مارک اپ اصل heading عناصر استعمال کرتا ہے وہاں ہیڈنگز PDF بک مارکس بن سکتی ہیں۔

اگر ہمارا سرور دستیاب نہ ہو تو صفحہ یہ بتا دیتا ہے اور دستاویز مقامی طور پر دوبارہ بناتا ہے، جو ٹیکسٹ، تصاویر اور سادہ لے آؤٹ تو رکھتا ہے مگر ہر اس چیز کو سادہ کر دیتا ہے جسے اصل لے آؤٹ پاس چاہیے — ان میں grid، flexbox، floats اور positioning شامل ہیں۔ سادہ دستاویز تقریباً ویسی ہی تبدیل ہوتی ہے؛ ڈیزائن کی گئی دستاویز نہیں۔

جب آپ کو کچھ اور چاہیے

لائیو URL تبدیل کرنے کے لیے — جو یہ صفحہ جان بوجھ کر نہیں کر سکتا — وہی رینڈرنگ جو ہمارے سرور پر چلتی ہے آپ کے سسٹم پر بھی چلتی ہے: chrome --headless --disable-gpu --print-to-pdf=out.pdf https://example.com صفحے کو نیٹ ورک سمیت، اسکرپٹس اور سب کچھ کے ساتھ لوڈ کرتا ہے۔ پورا فرق یہی ہے، اور اسے استعمال کرنے کی وجہ بھی یہی۔

ہیڈرز، فوٹرز، صفحہ نمبرز اور مارجنز پر اصل کنٹرول کے لیے WeasyPrint اور Prince CSS Paged Media اسپیسیفکیشن کو صحیح طریقے سے نافذ کرتے ہیں: @top-center سے ہر صفحے پر ہیڈر، صفحات کے کاؤنٹرز، فٹ نوٹس اور ایسے کراس ریفرنسز جو صفحہ نمبروں میں بدل جاتے ہیں۔ WeasyPrint مفت ہے اور زیادہ تر ڈاکیومنٹیشن پائپ لائنز یہی استعمال کرتی ہیں۔ Chrome ان میں سے تقریباً کچھ بھی سپورٹ نہیں کرتا، اس لیے فوٹر میں “صفحہ 3 از 12” والی خودکار رپورٹ کے لیے اس صفحے کے بجائے ان میں سے کوئی ایک چاہیے۔