کسی بھی ویب صفحہ کے HTML اور CSS ملاحظہ کریں
ویب سائٹ کو کوڈ کی لائنوں کے ساتھ بنایا گیا ہے، لیکن نتیجہ مخصوص صفحات، تصاویر، ویڈیو، فونٹ اور مزید کے ساتھ ہے. ان عناصر میں سے ایک کو تبدیل کرنے کے لئے یا یہ دیکھیں کہ یہ کیا ہے، آپ کو کوڈ کا مخصوص لائن تلاش کرنا پڑتا ہے. آپ ایک عنصر معائنہ کے آلے کے ساتھ کر سکتے ہیں.
زیادہ سے زیادہ ویب براؤزر آپ کو ایک معائنہ کے آلے کو ڈاؤن لوڈ نہیں کرتے یا ایک اضافی انسٹال کریں. اس کے بجائے، وہ آپ صفحہ عنصر کو دائیں کلک کریں اور انسپکشن یا انسپکشن کا انتخاب کریں. تاہم، آپ کے براؤزر میں عمل مختلف ہوسکتا ہے.
کروم میں معائنہ عناصر
گوگل کروم کا تازہ ترین ورژن آپ کو چند طریقوں سے صفحے کا معائنہ کرنے دیتا ہے، جن میں سے سبھی ان کے بلٹ ان Chrome کو استعمال کرتے ہیں.
- صفحے پر کچھ دائیں پر کلک کریں (یا ایک خالی علاقے) اور معائنہ کا انتخاب کریں
- Ctrl + Shift + I کی بورڈ شارٹ کٹ درج کریں
- مزید ٹولز> ڈویلپر ٹولز کا اختیار اختیار کرنے کیلئے Chrome مینو کا استعمال کریں
کروم DevTools آپ کو چیزوں کو آسانی سے ایچ ٹی ایم ایل کی لائنوں کو کاپی یا ترمیم کرنے یا مکمل طور پر عناصر کو چھپانے یا حذف کرنے کے لۓ (صفحہ دوبارہ لوڈ تک) تک کرنے دیتا ہے.
ایک بار جب DevTool کے صفحے کی طرف کھولتا ہے، آپ اسے تبدیل کر سکتے ہیں جہاں پوزیشن میں ہے، اس صفحے سے باہر پاپ، صفحے کے تمام فائلوں کی تلاش کریں، مخصوص امتحان کے لئے صفحے سے عناصر کو منتخب کریں، فائلیں اور یو آر ایل، اور یہاں تک کہ ایک گروپ کو اپنی مرضی کے مطابق بنائیں. ترتیبات کی.
فائر فاکس میں عناصر کا معائنہ کریں
کروم کی طرح، فائر فاکس میں ان کے آلے کو کھولنے کے لئے مختلف طریقوں ہیں جن میں انسپکٹر کہا جاتا ہے:
- صفحے پر ایک خالی علاقے پر کلک کریں یا ایک عنصر کا انتخاب کریں، اور عنصر کا معائنہ کریں
- کی بورڈ کے ساتھ Ctrl + Shift + T یا Ctrl + Shift + I درج کریں
- فائر فاکس مینو سے، ڈویلپر > کلک انسپکٹر پر کلک کریں
- اوزار کے مینو سے، ویب ڈویلپر> انسپکٹر پر کلک کریں
جیسا کہ آپ اپنے ماؤس کو فائر فاکس میں مختلف عناصر پر منتقل کرتے ہیں، انسپکٹر کا آلہ خود کار طریقے سے عنصر کے ذریعہ کوڈ کی معلومات کو تلاش کرتا ہے. ایک عنصر پر کلک کریں اور "آن پر پرواز تلاش" روک جائے گا اور آپ انسپکٹر کھڑکی سے عنصر کی جانچ کر سکتے ہیں.
تمام معاون کنٹرولز کو تلاش کرنے کے لئے ایک عنصر کو دائیں کلک کریں. آپ چیزوں کو صفحے میں ترمیم کرتے ہیں جیسے ایچ ٹی ایم ایل، کاپی یا پیسٹ یا اندرونی یا بیرونی HTML کوڈ پیسٹ کریں، ڈوم خصوصیات دکھائیں، اسکرین شاٹ کو دکھانے یا نوڈ حذف کریں، آسانی سے نئی صفات کو لاگو کریں، صفحے کے تمام سی ایس ایس دیکھیں اور زیادہ.
اوپیرا میں عناصر کا معائنہ کریں
اوپیرا بھی ان عناصر کا معائنہ کر سکتا ہے، اس کے ساتھ ڈوم انسپکٹر کا آلہ ہے جو کہ کروم کی طرح ہے. یہاں تک کہ یہ کیسے حاصل ہے:
- کی بورڈ شارٹ کٹ کا استعمال کریں Ctrl + Shift + I
- مینو> مزید ٹولز> ڈویلپر مینو کو دکھائیں ، اور مینو کو مینو> ڈویلپر> ڈویلپرر ٹولز کے ذریعہ مینو کو کھولیں
- صفحے پر کسی بھی عنصر پر دائیں کلک مینو سے، معائنہ عنصر کا انتخاب کریں
انٹرنیٹ ایکسپلورر میں عناصر کا معائنہ کریں
اسی طرح معائنہ عنصر کا آلہ، جو ڈویلپرز ٹولز کہتے ہیں، انٹرنیٹ ایکسپلورر میں دستیاب ہے:
- کی بورڈ پر F12 دبائیں
- فورمز> F12 ڈویلپر مین مینو کا اختیار استعمال کریں (اگر آپ فورم کے مینو کو نہیں دیکھیں تو Alt + X کو مار ڈالو)
- صفحے پر دائیں پر کلک کریں اور عنصر کا معائنہ کریں پر کلک کریں
IE اس نئے مینو میں ایک منتخب عنصر کا آلہ ہے جس سے آپ اس HTML اور CSS تفصیلات کو دیکھنے کے لئے کسی بھی صفحے عنصر پر کلک کرنے کی اجازت دیتا ہے. آپ ڈوم ایکسپلورر ٹیب کے ذریعہ براؤز کر رہے ہیں جبکہ آپ آسانی سے عنصر کو اجاگر کرنے / فعال کرسکتے ہیں.
مندرجہ بالا براؤزر میں دوسرے عنصر انسپکٹر ٹولز کی طرح، انٹرنیٹ ایکسپلورر آپ کو ایچ ٹی ایم ایل میں ترمیم کرنے کے ساتھ ساتھ عناصر کو کاٹ، کاپی، اور پیسٹ کرنے کی اجازت دیتا ہے، شامل کریں خاصیت، شامل عناصر شیلیوں کے ساتھ، اور زیادہ.