کیا جاننا ہے۔
- ویب صفحہ پر دائیں کلک کریں اور منتخب کریں۔ صفحے کا ماخذ ملاحضہ کیجئے .
- شارٹ کٹ: دبائیں۔ Ctrl + میں (ونڈوز پی سی) یا کمانڈ + آپشن + میں (میک).
- کروم کے ڈویلپر ٹولز استعمال کرنے کے لیے، منتخب کریں۔ مینو (تین نقطے) > مزید ٹولز > ڈویلپر ٹولز .
یہ مضمون وضاحت کرتا ہے کہ گوگل کروم ویب براؤزر میں ویب سائٹ کے ایچ ٹی ایم ایل سورس کوڈ تک کیسے رسائی حاصل کی جائے، نیز کروم کے ڈویلپر ٹولز تک رسائی اور استعمال کیا جائے۔ ابتدائی افراد کے لیے HTML سیکھنے کے لیے سائٹ کا سورس کوڈ دیکھنا ایک بہترین طریقہ ہے۔
کروم میں سورس کوڈ دیکھیں
تو آپ کسی ویب سائٹ کے سورس کوڈ کو کیسے دیکھتے ہیں؟ گوگل کروم براؤزر کا استعمال کرتے ہوئے ایسا کرنے کے لیے مرحلہ وار ہدایات یہ ہیں۔
-
کھولو گوگل کروم ویب براؤزر (اگر آپ کے پاس نہیں ہے۔ گوگل کروم انسٹال ہو گیا۔ ، یہ ایک مفت ڈاؤن لوڈ ہے)۔
-
پر نیویگیٹ کریں۔ ویب صفحہ جس کی آپ جانچ کرنا چاہتے ہیں۔ .
-
دائیں کلک کریں۔ صفحہ اور ظاہر ہونے والے مینو کو دیکھیں۔ اس مینو سے، کلک کریں۔ صفحے کا ماخذ ملاحضہ کیجئے .
-
اس صفحہ کا سورس کوڈ اب براؤزر میں ایک نئے ٹیب کے طور پر ظاہر ہوگا۔
-
متبادل طور پر، آپ کی بورڈ شارٹ کٹس بھی استعمال کر سکتے ہیں۔ Ctrl + میں پی سی پر ونڈو کھولنے کے لیے جس میں سائٹ کا سورس کوڈ ظاہر ہوتا ہے۔ میک پر، یہ شارٹ کٹ ہے۔ کمانڈ + آپشن + میں .
ہلیری ایلیسن / لائف وائر
فیس بک پروفائل پر 9 دوست ہیں
کروم کے ڈیولپر ٹولز استعمال کریں۔
سادہ کے علاوہصفحے کا ماخذ ملاحضہ کیجئےگوگل کروم جو قابلیت پیش کرتا ہے، آپ ان کی بہترین صلاحیتوں سے بھی فائدہ اٹھا سکتے ہیں۔ ڈویلپر ٹولز کسی سائٹ میں مزید گہرائی تک کھودنے کے لیے۔ یہ ٹولز آپ کو نہ صرف HTML بلکہ CSS کو بھی دیکھنے کی اجازت دیں گے جو اس HTML دستاویز میں عناصر کو دیکھنے پر لاگو ہوتا ہے۔
کروم کے ڈویلپر ٹولز استعمال کرنے کے لیے:
-
کھولیں۔ گوگل کروم .
-
پر نیویگیٹ کریں۔ ویب صفحہ جس کی آپ جانچ کرنا چاہتے ہیں۔ .
-
منتخب کریں۔ تین ڈاٹ مینو براؤزر ونڈو کے اوپری دائیں کونے میں۔
-
مینو سے، اوپر ہوور کریں۔ مزید ٹولز اور پھر منتخب کریں ڈویلپر ٹولز ظاہر ہونے والے مینو میں۔
-
ایک ونڈو کھلے گی جو پین کے بائیں جانب HTML سورس کوڈ اور دائیں جانب متعلقہ CSS دکھاتی ہے۔
-
متبادل طور پر، اگر آپ دائیں کلک کریں۔ ویب صفحہ میں ایک عنصر اور منتخب کریں معائنہ کریں۔ ظاہر ہونے والے مینو سے، کروم کے ڈویلپر ٹولز پاپ اپ ہوں گے اور HTML میں آپ کے منتخب کردہ مخصوص حصے کو دائیں طرف دکھائے گئے متعلقہ CSS کے ساتھ نمایاں کریں گے۔ اگر آپ کسی سائٹ کے کسی خاص ٹکڑے کے بارے میں مزید جاننا چاہتے ہیں تو یہ بہت مددگار ہے۔
خواہش ایپ پر میں اپنی تلاش کی تاریخ کو کیسے حذف کروں؟
کیا سورس کوڈ دیکھنا قانونی ہے؟
سالوں کے دوران، ہمارے پاس بہت سے نئے ویب ڈیزائنرز نے سوال اٹھائے ہیں کہ آیا کسی سائٹ کا سورس کوڈ دیکھنا اور اسے ان کی تعلیم کے لیے اور آخر کار اس کام کے لیے استعمال کرنا قابل قبول ہے جو وہ کرتے ہیں۔ اگرچہ کسی سائٹ کے کوڈ کو ہول سیل کاپی کرنا اور اسے کسی ویب سائٹ پر آپ کے اپنے طور پر منتقل کرنا یقینی طور پر قابل قبول نہیں ہے، اس کوڈ کو اسپرنگ بورڈ کے طور پر استعمال کرنا اس سے سیکھنا ہے کہ اس صنعت میں کتنی ترقی ہوئی ہے۔
جیسا کہ ہم نے اس مضمون کے آغاز میں ذکر کیا ہے، آج آپ کو ایک کام کرنے والے ویب پروفیشنل کو تلاش کرنا مشکل ہو گا جس نے سائٹ کا ماخذ دیکھ کر کچھ نہ سیکھا ہو! ہاں، سائٹ کا سورس کوڈ دیکھنا قانونی ہے۔ اس کوڈ کو وسائل کے طور پر کچھ ایسا ہی بنانے کے لیے استعمال کرنا بھی محفوظ ہے۔ جیسا ہے کوڈ لینا اور اسے اپنے کام کے طور پر پاس کرنا وہ جگہ ہے جہاں آپ کو مسائل کا سامنا کرنا پڑتا ہے۔
آپ کو کیسے پتہ چلے گا کہ اگر کسی نے آپ کو اسنیپ چیٹ پر مسدود کردیا
آخر میں، ویب پروفیشنل ایک دوسرے سے سیکھتے ہیں اور اکثر اس کام میں بہتری لاتے ہیں جو وہ دیکھتے ہیں اور ان سے متاثر ہوتے ہیں، لہذا سائٹ کا سورس کوڈ دیکھنے اور اسے سیکھنے کے ٹول کے طور پر استعمال کرنے میں ہچکچاہٹ محسوس نہ کریں۔
صرف HTML سے زیادہ
ایک بات یاد رکھنے کی ہے کہ سورس فائلز بہت پیچیدہ ہو سکتی ہیں (اور جتنی زیادہ پیچیدہ ویب سائٹ آپ دیکھ رہے ہیں، اس سائٹ کا کوڈ اتنا ہی پیچیدہ ہوگا)۔ صفحہ کو بنانے والے HTML ڈھانچے کے علاوہ، وہاں CSS (کیسکیڈنگ سٹائل شیٹس) بھی ہوں گے جو اس سائٹ کی بصری شکل کا حکم دیتے ہیں۔ مزید برآں، آج بہت سی ویب سائٹس میں HTML کے ساتھ اسکرپٹ فائلیں شامل ہوں گی۔
متعدد اسکرپٹ فائلوں کے شامل ہونے کا امکان ہے۔ درحقیقت، ہر ایک سائٹ کے مختلف پہلوؤں کو طاقت دیتا ہے۔ سچ کہوں تو، سائٹ کا سورس کوڈ بہت زیادہ لگتا ہے، خاص طور پر اگر آپ ایسا کرنے کے لیے نئے ہیں۔ مایوس نہ ہوں اگر آپ یہ نہیں جان سکتے کہ اس سائٹ کے ساتھ کیا ہو رہا ہے۔ HTML ماخذ کو دیکھنا اس عمل کا صرف پہلا قدم ہے۔ تھوڑے سے تجربے کے ساتھ، آپ بہتر طور پر سمجھنا شروع کر دیں گے کہ یہ تمام ٹکڑے آپ کے براؤزر میں نظر آنے والی ویب سائٹ بنانے کے لیے کس طرح فٹ ہوتے ہیں۔ جیسے جیسے آپ کوڈ سے زیادہ واقف ہوں گے، آپ اس سے مزید سیکھ سکیں گے، اور یہ آپ کے لیے اتنا مشکل نہیں لگے گا۔
عمومی سوالات- میں کروم میں HTML کوڈ میں کیسے ترمیم کروں؟
دبانے سے کروم میں ڈیولپر ٹولز کھولیں۔ Ctrl (یا کمانڈ میک پر) + شفٹ + I . وہاں سے، دبائیں Ctrl ( کمانڈ میک پر) + O اور اسے کھولنے کے لیے محفوظ کردہ سورس فائل کو منتخب کریں جس میں آپ ترمیم کرنا چاہتے ہیں۔
- اگر ویو سورس غیر فعال ہے تو میں کروم میں صفحہ کا سورس کوڈ کیسے دیکھ سکتا ہوں؟
اگر کسی ویب سائٹ نے View Source کے آپشن کو غیر فعال کر دیا ہے، تو آپ اب بھی ہڈ کے نیچے ایک نظر ڈال سکتے ہیں۔ براؤزر ونڈو کے اوپری حصے سے منتخب کریں۔ دیکھیں > ڈویلپر > ماخذ دیکھیں ، جس کو ویب پیج کے سورس کوڈ کو کھینچنا چاہئے۔
- میں اپنے اینڈرائیڈ ڈیوائس کا استعمال کرتے ہوئے کروم میں سائٹ کا سورس کوڈ کیسے دیکھ سکتا ہوں؟
اس ویب سائٹ پر جائیں جسے آپ اپنے آلے کی کروم ایپ کا استعمال کرکے دیکھنا چاہتے ہیں، پھر براؤزر کا ایڈریس بار منتخب کریں۔ ٹیکسٹ کرسر کو یو آر ایل کے سامنے انتہائی بائیں طرف منتقل کریں اور ٹائپ کریں۔ دیکھنے کا ذریعہ ، پھر دبائیں داخل کریں۔ یا منتخب کریں۔ جاؤ .