عام طور پر جب کسی ویب صفحے میں ترمیم کرتے ہیں تو ہم ایک خاص ترمیمی ٹول استعمال کرتے ہیں جیسے ایڈوب ڈریم وور ، کافی کُپ ، بلیو فش یا کسی دوسرے ترقیاتی ٹول کا۔ لیکن اس کے بارے میں کیا کہ اگر ہم صرف ذہن سازی کر رہے ہیں یا براہ راست صفحے پر کچھ آزمانا چاہتے ہیں؟ ہم اپنے انتخاب کے آلے میں صفحے کی ایک کاپی بنا سکتے ہیں اور اس کے ساتھ ساتھ کھیل سکتے ہیں۔ یا ہم اسے اپنے ویب براؤزر میں کرسکتے ہیں۔ یہ ٹیوٹوریل آپ کو یہ بتانے جارہا ہے کہ اپنے براؤزر میں کسی ویب صفحہ میں ترمیم کرنے کا طریقہ۔
ڈویلپر ٹولز کی حیثیت سے حوالہ دیا گیا ، فائر فاکس اس فیچر کو انسپیکٹ عنصر کہتے ہیں جبکہ کروم اسے معائنہ کرتا ہے۔ بہر حال ، براؤزر کے لئے یہ ایک ایسا طریقہ ہے کہ آپ اپنے ڈیزائن کی چمک کے پیچھے جھانکیں اور اس پر چلنے والے کوڈ پر ایک نظر ڈالیں۔ یہ خصوصیت کافی مشہور ہے اور بہت استعمال ہوتا ہے۔ جو کچھ اتنا معروف نہیں ہے وہ ہے پرواز میں اس کوڈ میں تبدیلی کرنے کی صلاحیت۔
آپ کی کوئی تبدیلی محفوظ نہیں ہوگی اور اس سے براہ راست متاثر نہیں ہوگا۔ اگر آپ اپنے ڈویلپر کے آلے میں صفحہ لوڈ نہیں کرنا چاہتے ہیں تو ، یہ تجربہ کرنے کا صاف طریقہ ہے۔
اپنے براؤزر میں کسی بھی ویب صفحے میں ترمیم کریں
ڈریم ویور اور اس جیسے ٹولز میں بلٹ ان براؤزر ایمولیٹر ہوتا ہے جو مختلف براؤزرز میں ڈیزائن کی طرح دکھائے دیتا ہے۔ جتنے اچھے ہوتے ہیں ، وہ ہمیشہ ٹھیک نہیں ہوتے اور آپ اکثر ایسی سائٹ شروع کرتے وقت پاتے ہیں کہ آپ کے ڈویلپر کے آلے میں جو چیز لاجواب نظر آتی تھی وہ اسٹینڈ بلون براؤزر میں قدرے مختلف نظر آتی ہے۔
عام طور پر آپ سائٹ کو کسی داخلی ویب سرور پر لانچ کرتے ہیں اور صرف اسی وجہ سے براہ راست لانچ کرنے سے پہلے براؤزر میں جانچ کرتے ہیں۔ اگر کوئی صفحہ پہلے سے ہی زندہ ہے یا آپ صرف کچھ آزمانا چاہتے ہیں تو ، اسے اپنے ترقیاتی ٹول میں کاپی کرنے اور لوڈ کرنے کی ضرورت نہیں ہے ، آپ براؤزر کے ڈویلپر ٹول کا استعمال کرسکتے ہیں۔
میں فائر فاکس استعمال کرتا ہوں لہذا میں آپ کو اس کا استعمال کرنے کا طریقہ دکھاتا ہوں۔ اگرچہ کروم بالکل ایک جیسا ہے۔
- ایک ایسا ویب صفحہ کھولیں جس کے ساتھ آپ اپنے براؤزر میں تجربہ کرنا چاہتے ہیں۔
- صفحے پر کہیں بھی دائیں کلک کریں اور معائنہ کا انتخاب کریں۔
آپ کو اپنے صفحہ کو دو حصوں میں دیکھنا چاہئے جس کے نچلے حصے میں اس میں کچھ کوڈ کے ساتھ ایک نیا پین دکھائی دے گا۔ یہ کوڈ اس صفحے کی محرک ہے جو آپ نے منتخب کیا ہے۔ نچلے ٹیب کے سب سے اوپر والے ٹیبوں سے صفحے کے مختلف عناصر قابل رسائی ہیں۔ مثال کے طور پر ، ہم فائر فاکس میں انسپکٹر ، کنسول ، ڈیبگر ، اسٹائل ایڈیٹر اور اسی طرح دیکھتے ہیں۔
اگر آپ نیچے کی پین میں لائنوں کے اوپر اپنا کرسر چلاتے ہیں تو آپ کو ویب صفحہ کے نمایاں حص highlightے کے مختلف حصے نظر آئیں گے۔ خاص بات کے دوران آپ جس کوڈ کی لائن پر رہتے ہیں وہ وہ کوڈ ہوتا ہے جو صفحے کے اس حصے کو متاثر کرتا ہے۔
- اگر آپ صفحہ کیسے دکھاتے ہیں اس کے ساتھ کھیلنا چاہتے ہیں تو ، اسٹائل ایڈیٹر آزمائیں۔
- اگر آپ صفحہ کیسے چلتے ہیں اس کے ساتھ ہی کھیلنا چاہتے ہیں تو کنسول یا قابل رسائہ آزمائیں۔
- اگر آپ کیڑے کو ختم کرنا چاہتے ہیں یا کسی مسئلے کو حل کرنا چاہتے ہیں تو کنسول یا ڈیبگر استعمال کریں
آن سائٹ SEO کے لئے کارکردگی مفید ہے لیکن میموری ، نیٹ ورک اور اسٹوریج اتنا استعمال نہیں ہوتا ہے۔
یاد رکھیں ، آپ اپنی پسند کی حد تک ڈویلپر ٹولز میں گھل مل سکتے ہیں اور اس سے سائٹ متاثر نہیں ہوگی۔ کسی بھی طرح کی تبدیلیاں صرف اس صورت میں کی گئیں کہ آپ کے انفرادی براؤزر میں صفحہ کو کس طرح ظاہر کیا جاتا ہے ، آپ خود بھی ویب سائٹ کو متاثر نہیں کرتے ہیں۔ ایک بار جب آپ ٹول کو بند کردیں تو ، تمام تبدیلیاں ختم ہوجائیں گی۔
کسی صفحے میں تبدیلی کرنا
اب آپ جانتے ہو کہ اصل ویب سائٹ کو متاثر کیے بغیر آپ اپنی پسند کی کوئی بھی چیز تبدیل کرسکتے ہیں ، آئیے تھوڑا مزہ کریں۔ اس صفحے پر ایک عنصر تلاش کریں جس میں آپ ترمیم کرنا چاہتے ہیں۔ آپ ایک فونٹ ، ایک فونٹ کا رنگ ، پس منظر کی تصویر یا جو چاہیں تبدیل کرسکتے ہیں۔ اس مثال کے طور پر ، میں بینر کی سرخی کے فونٹ کا رنگ تبدیل کرنے جارہا ہوں۔
- آپ جس عین عنصر کو تبدیل کرنا چاہتے ہیں اس پر دائیں کلک کریں اور معائنہ منتخب کریں۔
- کسی بھی عنوان کو 'عنوان' یا 'H1' کے ساتھ نمایاں کریں تاکہ متن کو اوپری پین میں اجاگر کیا جائے۔
- بائیں دو پینوں پر جائیں اور فونٹ کا رنگ ڈھونڈیں۔
- قدر کو مختلف چیزوں میں تبدیل کریں یا سلیکٹر استعمال کرنے کیلئے رنگین ڈاٹ کا انتخاب کریں۔
جب آپ تبدیلی کو ختم کریں گے تو آپ کی تبدیلی متحرک طور پر ظاہر ہوگی۔ آپ رنگ ، سائز ، فونٹ ، پس منظر اور فونٹ کے بارے میں سب کچھ تبدیل کر سکتے ہیں۔ آپ کام کو محفوظ نہیں کرسکتے ہیں لیکن آپ کی تبدیلیاں اسی سیشن میں باقی رہیں گی۔
آپ اس صفحے کے بارے میں ہر چیز کو تبدیل کرسکتے ہیں جو مثالی ہے اگر آپ کے پاس کوئی آئیڈیا ہے اور اپنے تمام ترقیاتی ایپس کو فائر کرنے سے پہلے جلدی سے اس کی جانچ کرنا چاہتے ہیں۔ آپ کو بس یہ یاد رکھنا ہے کہ آپ نے کیا تبدیلیاں کی ہیں اور جہاں آپ انہیں یہاں محفوظ نہیں کرسکتے ہیں۔ آپ کو اسکرین شاٹ لینے یا تبدیلیوں کو ریکارڈ کرنے کی ضرورت ہوگی اور اس کو قائم رکھنے کے ل tools آپ کو اپنے ڈویلپر ٹولز میں نقل تیار کرنا ہوگا۔
اپنے براؤزر میں ویب پیج میں ترمیم کرنا تجربات کرنے یا صفحات کے ساتھ کھیلنا ایک صاف ستھرا طریقہ ہے۔ مہنگے ڈویلپر ٹولز میں خریداری کیے بغیر بھی ویب ڈویلپمنٹ کے بارے میں تھوڑا سا سیکھنے کا ایک اچھا طریقہ ہے۔ اب آپ جانتے ہو کہ کیسے ، جاؤ اور کھیل کرو!
