گوگل کروم میں HTML ماخذ کو کیسے دیکھیں

چاہے آپ کسی ویب ڈیزائنر کو اپنی سائٹ کے ماخذ کوڈ کو ٹھیک کرنا چاہتے ہو یا کسی سائٹ کے کوڈ کی طرح دکھتے ہو اس کے بارے میں جاننا ، آپ گوگل کروم میں ہی HTML وسیلہ دیکھ سکتے ہیں۔ HTML وسیلہ کو دیکھنے کے لئے دو طریقے ہیں: ماخذ دیکھیں اور ڈویلپر ٹولز کا استعمال کرکے معائنہ کریں۔

دیکھیں ماخذ دیکھیں صفحہ ماخذ کا استعمال کرتے ہوئے

کروم فائر کریں اور اس ویب صفحے پر جائیں جس میں آپ HTML سورس کوڈ دیکھنا چاہتے ہیں۔ صفحے پر دائیں کلک کریں اور "صفحہ منبع دیکھیں" پر کلک کریں ، یا صفحہ کے ماخذ کو ایک نئے ٹیب میں دیکھنے کے لئے Ctrl + U دبائیں۔

مکمل طور پر توسیع اور غیر ساختہ ، ویب پیج کے لئے تمام HTML کے ساتھ ایک نیا ٹیب کھلتا ہے۔

اگر آپ HTML ذریعہ میں کسی مخصوص عنصر یا حص forے کی تلاش کر رہے ہیں تو دیکھیں ماخذ کا استعمال کرنا مشکل اور بوجھل ہے ، خاص طور پر اگر صفحہ بہت زیادہ جاوا اسکرپٹ اور سی ایس ایس کا استعمال کرتا ہے۔

ڈیولپر ٹولز کا استعمال کرتے ہوئے سورس کا معائنہ کریں

یہ طریقہ کاروم میں ڈویلپر ٹولز پین کا استعمال کرتا ہے اور ماخذ کوڈ کو دیکھنے کے لئے زیادہ صاف ستھرا طریقہ ہے۔ HTML کو یہاں پڑھنا آسان ہے اضافی فارمیٹنگ اور ان عناصر کو گرنے کی صلاحیت کی بدولت جو آپ دیکھنے میں دلچسپی نہیں رکھتے ہیں۔

کروم کھولیں اور جس صفحے کا آپ معائنہ کرنا چاہتے ہیں اس کی طرف جائیں۔ پھر Ctrl + Shift + i دبائیں۔ آپ جس ویب صفحہ کو دیکھ رہے ہیں اس کے ساتھ ہی ایک ڈوب پین بھی کھل جائے گی۔

مزید عنصر کو پھیلانے کے ل an کسی عنصر کے ساتھ تھوڑا سا سرمئی تیر پر کلک کریں

اگر آپ پورے صفحے کے کوڈ کو بطور ڈیفالٹ دیکھنا نہیں چاہتے ہیں ، بلکہ اس کے بجائے HTML میں کسی خاص عنصر کا معائنہ کرتے ہیں تو ، صفحہ پر اس جگہ پر دائیں کلک کریں ، پھر "معائنہ" پر کلک کریں۔

جب اس بار پین کھلتی ہے تو ، یہ براہ راست کوڈ کے اس حصے میں جاتا ہے جس میں وہ عنصر ہوتا ہے جس پر آپ نے کلک کیا تھا۔

اگر آپ گودی کی پوزیشن کو تبدیل کرنا چاہتے ہیں تو ، آپ اسے نیچے ، بائیں ، دائیں ، یا یہاں تک کہ ایک الگ ونڈو میں بھی کھول سکتے ہیں۔ مینو آئیکن (تین نقطوں) پر کلک کریں ، پھر علیحدہ ونڈو میں یا تو اینڈک کا انتخاب کریں ، بائیں طرف گودی ، نیچے سے گودی ، یا دائیں طرف گودی ، بالترتیب۔

بس اتنا ہے۔ جب آپ کوڈ کو دیکھنا ختم کردیں ، یا تو ماخذ دیکھیں والا ٹیب بند کریں یا اپنے ویب پیج پر واپس آنے کیلئے ڈیولپر ٹولز پین میں ’’ ایکس ‘‘ پر کلک کریں۔


$config[zx-auto] not found$config[zx-overlay] not found