ڪنهن به ويب پيج جا HTML ۽ CSS ڏسو
ويب سائيٽ ڪوڊ جي لائنن سان ٺهيل آهي، پر نتيجن وارا خاص صفحا تصويرون، ويڊيو، فونٽ ۽ وڌيڪ آهن. انهن مان ھڪڙو ھڪڙو تبديلي تبديل ڪرڻ لاء يا ڏسو ته اھو ان تي مشتمل آھي، توھان کي اھو ڪنٽرول جو مخصوص لائن ڳولھيو آھي جيڪي ان کي سنڀال ڪن. توهان انهي طريقي سان هڪ عنصر معائنو وارو اوزار ڪري سگهو ٿا.
گهڻو ڪري ويب برائوزر توهان کي ڪا معياري اوزار ڊائونلوڊ ڪرڻ نٿا ڏين يا هڪ add-on انسٽال ڪريو. ان جي بدران، انهن کي توهان کي درست ڪري صفحي جي عنصر کي ڪلڪ ڪريو ۽ انسپائن يا انسپائن جو انتخاب چونڊيو. بهرحال، اهو عمل توهان جي برائوزر ۾ ٿورو مختلف ٿي سگهي ٿو.
Chrome ۾ چڪاس جا عنصر
Google Chrome جي تازين ورزن کي توهان کي ڪجهه طريقن سان صفحي جو معائنو ڪرڻ گهرجي، انهن سڀني مان پنهنجي ٺاهيل Chrome جي ڊوائيس DevTools استعمال ڪريو:
- هن صفحي تي ڪجھه ڪلڪ ڪريو (يا هڪ خالي علائقو) ۽ معائنو چونڊيو
- Ctrl + Shift + I ڪيبورڊ شارٽٽ داخل ڪريو
- Chrome مينيو استعمال ڪريو وڌيڪ اوزار> ڊولپرر اوزار جو اختيار حاصل ڪرڻ لاء
ڪروم ڊول ٽولس توهان شين وانگر توهان کي ڪم ڪرڻ جي اجازت ڏين ٿا، هتان جي HTML لائينن کي ڪاپي يا تدوين ڪرڻ يا انهن سڀني مجموعن کي لڪائي يا ختم ڪرڻ (صفحي تي لوڊ ڪرڻ).
هڪ دفعو ديو ٽول پيج جي پاسي تي هلي ٿو، توهان هن کي پوزيشن ۾ تبديل ڪري سگهو ٿا، اهو صفحو کان ٻاهر ڪڍيو، سڀني صفحن جي فائلن کي ڳولها، مخصوص امتحان لاء صفحي کان عناصر چونڊيو، فائلون ۽ URL جوڙي، ۽ جيتوڻيڪ هڪ گونج ڪتب آڻيو سيٽنگون جوڙجڪ
انفارميشن انفارميشن فائر فاکس ۾
Chrome وانگر، فائر فيڪڪس پنهنجي ان ڊوائيس کي انسپائٽر کي کولڻ لاء ڪجھ مختلف طريقا آهن:
- صفحي تي هڪ خالي ايريا تي ڪلڪ ڪريو يا هڪ عنصر چونڊيو، ۽ ايفا معائنو ڪريو
- Ctrl + Shift + T يا Ctrl + Shift + I ڪيبورڊ سان شامل ڪريو
- فائر فاکس مينيو مان، ڊولپر > انسپيڪٽر تي ڪلڪ ڪريو
- اوزار مينيو مان، ويب ڊولپرر> انسپيڪٽر تي ڪلڪ ڪريو
جئين توهان پنهنجي مڇ کي مختلف فڪٽرز تي فائر فاکس ۾ منتقل ڪيو ٿا، انسپيڪٽر اوزار خود بخود عنصر جو ذريعو ڪوڊ جي ڄاڻ ملندو آهي. هڪ عنصر کي ڪلڪ ڪريو ۽ "آن-پرواز وارو ڳولا" بند ٿي ويندو ۽ توهان عنصر انسپيڪٽر ونڊو کان جانچ ڪري سگهو ٿا.
سڀني معاونت ڪنٽرول ڳولڻ لاء هڪ عنصر کي ڪلڪ ڪريو. توھان پيج کي تبديل ڪري سگھو ٿا جھڙوڪ HTML، ڪاپي يا پيسٽ پيسٽ ھڻڻ يا اندرئين HTML ڪوڊ، ڊوم پراپرٽ ڏيکارڻ، اسڪرين شاٽ شاٽ يا نوڊ کي حذف ڪريو، آسانی سان نيون خصوصيتون لاڳو ڪريو، سڀني پيجن جو سي ايس ڏسو، ۽ وڌيڪ.
معائنہ جا ٻيا ناٽڪ
ناٽڪ جا ٻيا عنصر معائنو ڪري سگهن ٿا، ان سان گڏ ڊوم انسپيڪٽر آلو جيڪو Chrome جي هڪجهڙائي آهي. هتي ئي ڪيئن حاصل ڪجي
- ڪيبورڊ شارٽ ڪتب آڻيو Ctrl + Shift + I
- menu ڏانهن وڃو > وڌيڪ اوزار> ڊولپر مئٽر ڏيکاريو ، ۽ پوء مينيو کي مينيو> ڊولپر> ڊولپرر اوزار جي ذريعي کوليو
- هن صفحي تي ڪنهن به عنصر تي دڪاندار تي ڪلڪ ڪريو، معائنو عنصر چونڊيو
انٽرنيٽ ايڪسپلورر ۾ چڪاس جا عنصر
اهڙو ساڳيو معائنو عناصر، ڊولپر ٽولز جو نالو، انٽرنيٽ ايڪسپلورر ۾ موجود آهي:
- ڪيبورڊ تي ايف 12 تي پريس ڪريو
- اوزار استعمال ڪريو > F12 ڊولپر مئٽرڪ آپشن (جيڪڏهن آلٽ + اي مارايو ته توهان اوزار مينيو نه ڏسندا)
- هن صفحي تي صحيح ڪلڪ ڪريو ۽ عنصر جي چڪاس ڪريو ڪلڪ ڪريو
IE هن نئين مينيو ۾ هڪ چونڊ عنصر چونڊيو آهي جيڪو توهان جي HTML ۽ CSS تفصيلات ڏسڻ لاء توهان کي ڪنهن به صفحي جي عنصر تي ڪلڪ ڪري سگھو ٿا. توهان ڊوم ايڪسپلورب ذريعي برائوزر ڪري رهيا هئاسين توهان آسانيء سان اجاگر ڪرڻ / عنصر نمايان کي فعال ڪري سگھو ٿا.
مٿين برائوزرن ۾ ٻين عنصر انسپيڪٽر اوزار وانگر، انٽرنيٽ ايڪسپلورٽ توهان کي ڪٽ، نقل، ۽ پيسٽ عناصر سان گڏ HTML سان تبديل ڪري ٿي، شامل ڪرڻ سان شئي خاصيتون، نقل عناصر سان، ۽ وڌيڪ.