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