ہر براؤزر میں ویب صفحہ کا ماخذ کوڈ کیسے ملاحظہ کریں

ویب پیج آپ پڑھ رہے ہیں، دوسری چیزیں، ذریعہ کوڈ سے بنا ہے. یہ معلومات آپ کے ویب براؤزر ڈاؤن لوڈ اور جو آپ پڑھ رہے ہیں اس میں ترجمہ کرتے ہیں.

زیادہ سے زیادہ ویب براؤزر کسی اضافی سافٹ ویئر کے ساتھ کسی ویب صفحے کے ذریعہ کوڈ دیکھنے کی صلاحیت فراہم کرتا ہے، اس بات کا کوئی فرق نہیں کہ آپ کس قسم کی آلے پر ہیں.

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

آپ کیوں ماخذ کوڈ دیکھنا چاہتے ہیں؟

آپ کے صفحے کے ذریعہ کوڈ دیکھنا چاہتے ہیں کیوں کہ کئی وجوہات موجود ہیں. اگر آپ ویب ڈویلپر ہیں تو، شاید آپ کو کسی دوسرے پروگرامر کے خاص انداز یا عمل میں کسی کور کے نیچے پختہ لگنا ہے. شاید آپ کی کوالٹی اشورینس میں ہو اور یہ معلوم کرنے کی کوشش کر رہے ہو کہ ویب صفحہ کا ایک خاص حصہ یہ ہے کہ یہ راستہ انجام دینے یا عمل کرنے میں ہے.

آپ بھی اپنے ابتدائی صفحات کو کوڈ سیکھنے کے بارے میں جاننے کی کوشش کر رہے ہیں اور کچھ حقیقی دنیا کی مثالیں تلاش کر رہے ہیں. یقینا، یہ ممکن ہے کہ آپ ان میں سے کسی بھی قسم میں گر نہیں آتے اور صرف ذریعہ سنجیدگی سے منبع کو دیکھنا چاہتے ہیں.

مندرجہ بالا فہرست آپ کے انتخاب کے براؤزر میں ذریعہ کوڈ کو دیکھنے کے بارے میں ہدایات ہیں.

گوگل کروم

چل رہا ہے: کروم OS، لینکس، میکوس، ونڈوز

کروم کا ڈیسک ٹاپ ورژن مندرجہ ذیل کی بورڈ شارٹ کٹ کو استعمال کرکے سب سے پہلے اور سب سے زیادہ آسان صفحہ دیکھنے کے لئے تین مختلف طریقوں پیش کرتا ہے، CTRL + U ( COMOS + OPTION + U MacOS پر).

جب دباؤ تو، یہ شارٹ کٹ ایک نیا براؤزر ٹیب کھولتا ہے جس میں فعال صفحے کے لئے ایچ ٹی ایم ایل اور دیگر کوڈ دکھاتا ہے. یہ ذریعہ رنگ کوڈت اور اس طرح سے منظم ہے جس سے یہ آپ کو ڈھونڈنے کے لئے آسان بنا دیتا ہے اور اسے تلاش کرتا ہے. آپ وہاں کروم کے ایڈریس بار میں مندرجہ ذیل متن درج کر سکتے ہیں، ویب صفحہ کے یو آر ایل کے بائیں جانب کی جانب ضم ہے، اور درج کی کلید کو مار کر دیکھتے ہیں : ملاحظہ کریں : ( ذریعہ ، ذریعہ: https: // www .).

تیسری طریقہ Chrome کے ڈویلپر ٹولز کے ذریعہ ہے ، جس سے آپ کو صفحے کے کوڈ میں ایک گہری ڈوبنے کی اجازت ملے گی اور اس کے ساتھ ساتھ جانچ اور ترقی کے مقاصد کے لۓ اس کو پرواز بھی کریں. اس کی بورڈ شارٹ کٹ کو استعمال کرکے ڈویلپر ٹول انٹرفیس کھولی اور بند کردی جا سکتی ہے: CTRL + SHIFT + I ( COMOS + OPTION + I MacOS پر). آپ مندرجہ ذیل راستے لے کر انہیں بھی لانچ کر سکتے ہیں.

1. کروم کے مین مینو بٹن پر کلک کریں، اوپری دائیں طرف کونے میں واقع ہے اور تین عمودی طور پر منسلک نقطہ نظر کی نمائندگی کرتے ہیں.
2. جب ڈراپ ڈاؤن مینو ظاہر ہوتا ہے تو، آپ کے ماؤس کرسر کو زیادہ آلات کے اختیارات پر ہورائیں.
3. جب ذیلی مینو ظاہر ہوتا ہے تو، ڈویلپر ٹولز پر کلک کریں.

لوڈ، اتارنا Android
لوڈ، اتارنا Android کے لئے کروم میں ایک ویب پیج کے ذریعہ کو دیکھنے کے طور پر اس کے ایڈریس (یا یو آر ایل) کے سامنے مندرجہ ذیل متن کو ضم کرنے اور اس کو جمع کرنے کے طور پر آسان ہے: دیکھیں - ذریعہ:. اس کا ایک مثال نقطہ نظر ہوگا : https: // www. . سوال میں صفحے سے ایچ ٹی ایم ایل اور دوسرے کوڈ کو فعال ونڈو میں فوری طور پر دکھایا جائے گا.

iOS
جبکہ آپ کے رکن، آئی فون یا آئی پوڈ ٹچ پر کروم کا استعمال کرتے ہوئے ذریعہ کوڈ دیکھنے کے لئے کوئی اصل طریقہ نہیں ہے، جبکہ سب سے آسان اور سب سے مؤثر تیسری پارٹی کے حل جیسے View Source ایپ کا استعمال کرنا ہے.

اپلی کیشن سٹور میں $ 0.99 کے لئے دستیاب ہے، دیکھیں ماخذ آپ کو صفحے کے یو آر ایل میں داخل کرنے کے لئے (یا کروم کے ایڈریس بار سے کاپی / پیسٹ کریں، جو کبھی کبھی لینے کے لئے آسان راستہ ہے) اور یہ ہے. ایچ ٹی ایم ایل اور دیگر منبع کوڈ کو ظاہر کرنے کے علاوہ، ایپ میں بھی ٹیب موجود ہے جو انفرادی صفحہ اثاثوں، دستاویز آبجیکٹ ماڈل (ڈوم)، صفحہ صفحے کا سائز، کوکیز اور دیگر دلچسپ تفصیلات بھی دکھاتا ہے.

مائیکروسافٹ ایج

چل رہا ہے: ونڈوز

ایڈج براؤزر آپ کو اپنے ڈیولپر کے اوزار انٹرفیس کے ذریعہ موجودہ صفحہ کا ذریعہ کوڈ ملاحظہ کرنے، تجزیہ کرنے اور یہاں تک کہ یہاں تک رسائی دیتا ہے. یہ آسان ٹول سیٹ تک رسائی حاصل کرنے کیلئے آپ ان میں سے ایک کی بورڈ شارٹ کٹس استعمال کرسکتے ہیں: F12 یا CTRL + U. اگر آپ اس کے بجائے ماؤس کو ترجیح دیتے ہیں تو، ایج کے مینو بٹن پر کلک کریں (اوپر دائیں کونے میں موجود تین نقطے) اور فہرست سے F12 ڈویلپر کا آلہ اختیار منتخب کریں.

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

موزیلا فائر فاکس

چل رہا ہے: لینکس، میکوس، ونڈوز

فائر فاکس کے ڈیسک ٹاپ ورژن میں صفحہ کا ذریعہ کوڈ دیکھنے کے لئے آپ اپنی کی بورڈ پر CTRL + U ( COMOS + U پر COMOS + U پریس) پریس کرسکتے ہیں، جو ایک نیا ٹیب کھولیں گے جس میں ایچ ٹی ایم ایل اور فعال ویب صفحہ کے دوسرے کوڈ شامل ہو گا.

درج ذیل متن کو فائر فاکس کے ایڈریس بار میں، براہ راست صفحے کے یو آر ایل کے بائیں طرف لکھا جائے گا، اس کے بجائے موجودہ ٹیب میں دکھائے جانے کا ایک ہی ذریعہ بنائے گا: ملاحظہ کریں: ( ذریعہ ، ذریعہ: https: // www.) .

صفحہ کا ذریعہ کوڈ تک رسائی حاصل کرنے کا ایک اور طریقہ فائر فاکس کے ڈویلپر ٹولز کے ذریعہ ہے، مندرجہ ذیل اقدامات کرنے کے قابل ہے.

1. آپ کے براؤزر کی ونڈو کے اوپری دائیں کونے میں موجود ہے اور تین افقی لائنوں کی طرف سے پیش کردہ مین مینو بٹن پر کلک کریں.
2. جب پاپ آؤٹ مینو ظاہر ہوتا ہے تو، ڈویلپر "رنچ" آئکن پر کلک کریں.
3. ویب ڈویلپر سیاق و سباق مینو اب نظر آتا ہے. صفحہ کا ذریعہ اختیار منتخب کریں.

فائر فاکس آپ کو ایک صفحے کے کسی خاص حصے کے ذریعہ کوڈ کو دیکھنے کے لئے بھی مدد دیتا ہے، مسائل کو الگ کرنے کے لئے آسان بنانا. ایسا کرنے کے لئے، سب سے پہلے اس علاقے پر روشنی ڈالو جسے آپ اپنے ماؤس کے ساتھ دلچسپی رکھتے ہیں. اگلا، براؤزر کے سیاق و سباق کے مینو سے دیکھیں انتخاب کے ذریعہ کو دائیں کلک کریں اور منتخب کریں .

لوڈ، اتارنا Android
فائر فاکس کے لوڈ، اتارنا کے ذریعہ میں دیکھنے کے ذریعہ کوڈ مندرجہ ذیل متن کے ساتھ ویب صفحہ کے یو آر ایل کو پیش کرکے حاصل کرنے کے قابل ہے: ملاحظہ کریں. مثال کے طور پر، براؤزر کے ایڈریس بار میں آپ کے لئے ایچ ٹی ایم ایل کے ذریعہ درج ذیل متن جمع کرانے کے لۓ: ملاحظہ کریں- ذریعہ: https: // www. .

iOS
آپ کے رکن، آئی فون یا آئی پوڈ ٹچ پر ویب پیج کے ذریعہ کوڈ کو دیکھنے کے لئے ہماری سفارش کردہ طریقہ دیکھیں دیکھیں منبع ایپ کے ذریعے، $ 0.99 کے لئے ایپ اسٹور میں دستیاب ہے. جب فائر فاکس کے ساتھ براہ راست مربوط نہ ہو، تو آپ براؤزر سے ایڈورٹائزنگ میں ایک URL کو آسانی سے کاپی اور پیسٹ کرسکتے ہیں تاکہ سوال میں صفحہ سے منسلک ایچ ٹی ایم ایل اور دوسرے کوڈ کو غیر واضح کریں.

ایپل سفاری

iOS اور macOS چل رہا ہے

iOS
اگرچہ iOS کے سفاری ڈیفالٹ کے ذریعہ صفحے کا ذریعہ دیکھنے کی صلاحیت میں شامل نہیں ہوتا ہے، براؤزر $ 0.99 کے لئے اپلی کیشن ایپ میں دستیاب - دیکھیں ماخذ اے پی کے ساتھ بجائے ہموار طور پر ضم ہے.

اس تیسرے فریق کے ایپ کو انسٹال کرنے کے بعد سفاری براؤزر پر واپسی اور اسکرین کے نچلے حصے پر واقع شیئر بٹن پر ٹپ کریں اور اس مربع اور ایک اوپر تیر کی طرف سے نمائندگی کریں. آئس شیئر شیٹ اب آپ کی سفاری کھڑکی کے نچلے آدھے پر نظر انداز نظر آنا چاہئے. دائیں طرف سکرال کریں اور دیکھیں ماخذ بٹن.

ایک رنگ کوڈت، فعال صفحے کے منبع کوڈ کی تشکیل کردہ نمائندگی کو اب دوسرے ٹیب کے ساتھ دکھایا جانا چاہئے جس سے آپ کو صفحہ اثاثوں، اسکرپٹ اور مزید دیکھنے کی اجازت ہے.

macOS
سفاری کے ڈیسک ٹاپ ورژن میں ایک صفحے کے ذریعہ کوڈ کو دیکھنے کے لئے، آپ سب سے پہلے اس کی ترقی کے مینو کو فعال کرنے کی ضرورت ہے. مندرجہ ذیل اقدامات آپ کو اس چھپی ہوئی مینو کو چالو کرنے اور ایک صفحے کے HTML ذریعہ کو ظاہر کرنے کے ذریعے چلتے ہیں.

1. اسکرین کے اوپر اوپر واقع براؤزر مینو میں سفاری پر کلک کریں.
2. جب ڈراپ ڈاؤن مینو ظاہر ہوتا ہے تو، ترجیحات کا اختیار منتخب کریں.
3. سفاری کی ترجیحات اب نظر آئیں گی. اعلی درجے کی آئکن پر کلک کریں، سب سے اوپر کی دائیں جانب دائیں طرف کی طرف واقع ہے.
4. اعلی درجے کی سیکشن کے نیچے کی طرف سے ایک اختیار ہے جس میں لیبل لگا دیا گیا ہے مینو مینو میں ڈویلپر مینو دکھائیں ، ایک خالی چیک باکس کے ساتھ. اس خانے میں ایک بار چیک کرنے کے لئے ایک بار اس پر کلک کریں، اور اوپر بائیں جانب کونے میں سرخ 'x' پر کلک کرکے ترجیحات ونڈو کو بند کر دیں.
5. اسکرین کے اوپر واقع ڈویلپر مینو پر کلک کریں.
6. جب ڈراپ ڈاؤن مینو ظاہر ہوتا ہے تو، صفحہ ماخذ دکھائیں . آپ بجائے مندرجہ ذیل کی بورڈ شارٹ کٹ بھی استعمال کرسکتے ہیں: COMMAND + OPTION + U.

اوپیرا

چل رہا ہے: لینکس، میکوس، ونڈوز

اوپیرا براؤزر میں فعال ویب صفحہ سے منبع کوڈ دیکھنے کے لئے مندرجہ ذیل کی بورڈ شارٹ کٹ کا استعمال کریں: CTRL + U ( COMOS + OPTION + U macOS پر). اگر آپ موجودہ ٹیب میں ذریعہ لوڈ کرنا چاہتے ہیں اس کے بجائے، ایڈریس بار کے اندر والے صفحے کے URL کے بائیں طرف مندرجہ ذیل متن کو لکھیں اور درج کریں : دیکھیں - ذریعہ: (یعنی، دیکھیں- ذریعہ: https: // www. ).

اوپیرا کے ڈیسک ٹاپ ورژن کو آپ کو اس کے مربوط ڈویلپر ٹولز کا استعمال کرکے ایچ ٹی ایم ایل ذریعہ، سی ایس ایس اور دیگر عناصر کو بھی دیکھنے کی اجازت دیتا ہے. اس انٹرفیس کو شروع کرنے کے لئے، جو آپ کے بنیادی براؤزر کی ونڈو کے دائیں ہاتھ کی طرف سے ظاہر ہوتا ہے، درج ذیل کی بورڈ شارٹ کٹ پریس کریں: CTRL + SHIFT + I ( COMMAND + OPTION + I MacOS پر).

اوپیرا کے ڈویلپر ٹولس کو مندرجہ ذیل اقدامات کرنے سے بھی قابل رسائی ہے.

1. آپ کے براؤزر کی ونڈو کے اوپری بائیں جانب کونے میں واقع اوپیرا علامت (لوگو) پر کلک کریں.
2. جب ڈراپ ڈاؤن مینو ظاہر ہوتا ہے تو، آپ کے ماؤس کرسر کو زیادہ آلات کے اختیارات پر ہورائیں.
3. ڈویلپر کے مینو دکھائیں پر کلک کریں.
4. اوپیرا لوگو دوبارہ پر کلک کریں.
5. جب ڈراپ ڈاؤن مینو ظاہر ہوتا ہے تو، اپنے کرسر کو ڈیولپر سے ہورائیں .
6. جب ذیلی مینو ظاہر ہوتا ہے تو، ڈویلپر ٹولز پر کلک کریں.

وولویڈی

Vivaldi براؤزر کے اندر اندر صفحے کے ذریعہ کو دیکھنے کے کئی طریقے ہیں. سب سے آسان CTRL + U کی بورڈ شارٹ کٹ کے ذریعہ ہے، جو ایک نیا ٹیب میں فعال صفحہ سے کوڈ پیش کرتا ہے.

آپ مندرجہ ذیل متن کو صفحہ کے یو آر ایل کے سامنے بھی شامل کرسکتے ہیں، جو موجودہ ٹیب میں ذریعہ کوڈ دکھاتا ہے: دیکھیں - ذریعہ:. اس کا ایک مثال نقطہ نظر ہوگا : http: // www. .

ایک اور طریقہ براؤزر کے مربوط ڈویلپر ٹولز کے ذریعہ ہے، جس میں براؤزر کے اوزار مینجمنٹ میں CTRL + SHIFT + I کے ذریعہ یا ڈویلپر ٹولز کے اختیار کے ذریعہ دبانے سے قابل رسائی ہے - اوپر بائیں ہاتھ کے کونے میں 'V' لوگو پر کلک کرکے مل گیا. دیو کے اوزار کا استعمال کرتے ہوئے صفحے کا ذریعہ کے زیادہ سے زیادہ گہرائی تجزیہ کی اجازت دیتا ہے.