ویب صفحات صرف آپ کے ویب براؤزر کے دکھائے جانے والے دستاویزات ہیں۔ لیکن کیا ہوگا اگر آپ کسی بھی ویب صفحہ پر اس میں ترمیم کرنے کے لئے براہ راست ٹائپ کرسکتے ہیں؟ آپ کر سکتے ہیں ، اور آپ کو براؤزر توسیع کی ضرورت نہیں ہے — یہ ایک خصوصیت ہے جو ہر جدید براؤزر میں بنتی ہے۔
یہ خصوصیت "دستاویز.ڈیزائن موڈ" خصوصیت کا فائدہ اٹھاتی ہے ، جسے آپ اپنے ویب براؤزر کے جاوا اسکرپٹ کنسول کے ذریعہ قابل بناتے ہیں۔ اسے حال ہی میں ٹویٹر پر ٹومیک سوکووسکی نے اجاگر کیا تھا ، لیکن یہ اتنا اچھا ہے کہ ہمیں اسے اپنے قارئین کے ساتھ بھی بانٹنا پڑا۔
جب آپ نے پہلی بار `دستاویز.ڈیزائن موڈ` دریافت کیا تو یہ احساس ہے پک.تواتر.کوم/بشا١وتذج
- ٹومیک سوکووسکی (@ سلکو) ستمبر 27 ، 2019
آپ اس خصوصیت کو استعمال کرسکتے ہیں کسی ویب صفحہ کو چھاپنے سے پہلے صاف کریں ، جانچ کریں کہ کسی ویب صفحے میں کی جانے والی تبدیلیاں کس طرح نظر آئیں گی ، یا یہاں تک کہ لوگوں کو مذاق میں ڈالیں۔ یہ بالکل ایسے ہی ہوگا جیسے ورڈ دستاویز میں ترمیم کی جائے - HTML کے ساتھ گڑبڑ کی ضرورت نہیں ہے۔
اس خصوصیت کو چالو کرنے کے لئے ، ایک ویب صفحہ دیکھیں اور پھر ڈویلپر کنسول کھولیں۔ گوگل کروم میں کنسول کھولنے کے لئے ، مینو> مزید ٹولز> ڈویلپر ٹولز پر کلک کریں یا Ctrl + Shift + i دبائیں۔
جبکہ ہم یہاں ایک مثال کے طور پر کروم استعمال کررہے ہیں ، یہ خصوصیت دوسرے جدید براؤزر میں کام کرتا ہے بھی ، دوسرے براؤزرز میں کنسول کو کھولنے کا طریقہ یہاں ہے:
- موزیلا فائر فاکس میں ، مینو> ویب ڈویلپر> ویب کنسول پر کلک کریں یا Ctrl + Shift + K دبائیں۔
- ایپل سفاری میں ، سفاری> ترجیحات> ایڈوانسڈ پر کلک کریں اور "مینو بار میں ڈویلپمنٹ مینو دکھائیں" کو فعال کریں۔ پھر ، جاوا اسکرپٹ کنسول دکھائیں> تیار کریں پر کلک کریں۔
- مائیکرو سافٹ ایج میں ، مینو> مزید ٹولز> ڈویلپر ٹولز پر کلک کریں یا F12 دبائیں اور پھر "کنسول" ٹیب پر کلک کریں۔
ڈیولپر ٹولز پینل کے اوپری حصے میں موجود "کنسول" ٹیب پر کلک کریں۔ کنسول میں درج ذیل کو ٹائپ کریں اور انٹر دبائیں:
document.designMode = 'آن'
اب آپ کنسول کو بند کرسکتے ہیں ، اگر آپ چاہیں تو ، اور موجودہ ویب پیج میں اس طرح ترمیم کرسکتے ہیں جیسے یہ قابل تدوین دستاویز ہو۔ اپنا کرسر داخل کرنے اور متن ٹائپ کرنے کے لئے کہیں پر کلک کریں۔ متن ، تصاویر اور دیگر عناصر کو دور کرنے کے لئے بیک اسپیس یا حذف کیز کا استعمال کریں۔
اس سے ابھی تبدیل ہوتا ہے کہ آپ کے براؤزر میں ویب صفحہ کیسے ظاہر ہوتا ہے۔ جیسے ہی آپ صفحے کو ریفریش کریں گے ، آپ کو ایک بار پھر اصلیت نظر آئے گی۔ اگر آپ کسی دوسرے ویب صفحے یا ٹیب پر جاتے ہیں تو ، یہ اس وقت تک ڈیزائن موڈ میں نہیں ہوگا جب تک آپ کنسول کھولیں اور ایک بار پھر اس لائن کو ٹائپ نہ کریں۔
یہاں تک کہ آپ کنسول میں واپس جاسکتے ہیں اور ڈیزائن موڈ کو آف کرنے کیلئے درج ذیل کمانڈ کو چلا سکتے ہیں:
document.designMode = 'آف'
ویب صفحہ اب قابل ترمیم نہیں ہوگا ، لیکن آپ کی تبدیلیاں اس وقت تک محفوظ رہیں گی جب تک کہ آپ اگلے صفحے کو تروتازہ نہ کریں۔
