எந்தவொரு வலைப்பக்கத்தின் HTML மற்றும் CSS ஐப் பார்க்கவும்
வலைத்தளமானது குறியீட்டின் கோடுகளுடன் கட்டப்பட்டுள்ளது, ஆனால் இதன் விளைவு படங்கள், வீடியோ, எழுத்துருக்கள் மற்றும் பலவற்றின் குறிப்பிட்ட பக்கங்கள் ஆகும். அந்த உறுப்புகளில் ஒன்றை மாற்ற அல்லது அதைக் கொண்டிருப்பதைப் பார்க்க, அதைக் கட்டுப்படுத்தும் குறியீட்டின் குறிப்பிட்ட வரிசை கண்டுபிடிக்க வேண்டும். நீங்கள் ஒரு உறுப்பு ஆய்வு கருவி அதை செய்ய முடியும்.
பெரும்பாலான வலை உலாவிகள் ஒரு ஆய்வு கருவியைப் பதிவிறக்கவோ அல்லது கூடுதல் இணைப்புகளை நிறுவவோ செய்யாது. அதற்கு பதிலாக, அவர்கள் பக்கம் உறுப்பை வலது கிளிக் செய்து, அங்கம் தேர்வு அல்லது ஆய்வு என்பதை தேர்வு செய்யவும். எனினும், செயல்முறை உங்கள் உலாவியில் கொஞ்சம் வித்தியாசமாக இருக்கலாம்.
Chrome இல் உள்ள உறுப்புகளைப் பரிசோதிக்கவும்
Google Chrome இன் மிகச் சமீபத்திய பதிப்புகள் இந்தப் பக்கத்தை ஒரு சில வழிகளில் ஆய்வு செய்ய அனுமதிக்கின்றன, இவை அனைத்தும் அதன் உள்ளமைக்கப்பட்ட Chrome DevTools ஐப் பயன்படுத்துகின்றன:
- பக்கம் (அல்லது ஒரு வெற்று பகுதி) ஏதேனும் வலது கிளிக் செய்யவும் மற்றும் பரிசோதிக்கவும்
- Ctrl + Shift + I விசைப்பலகை குறுக்குவழியை உள்ளிடுக
- மேலும் கருவிகள்> டெவெலப்பர் கருவிகள் விருப்பத்தை அணுக Chrome மெனுவைப் பயன்படுத்தவும்
Chrome DevTools HTML கோடுகள் எளிதாக நகலெடுக்கவும் அல்லது திருத்தவும் அல்லது உள்ளடக்கங்களை முழுவதுமாக மறைக்க அல்லது நீக்குவதற்கு (பக்கம் மறுஏற்றம் செய்யும் வரை) எளிதாக செய்ய உங்களுக்கு உதவுகிறது.
பக்கத்தின் பக்கத்தில் DevTools திறந்தவுடன், அது நிலைத்த இடத்தில் நீங்கள் மாற்றலாம், பக்கத்திலிருந்து அதை வெளியேற்றவும், அனைத்து பக்கத்தின் பக்கங்களுக்கும் தேடலாம், குறிப்பிட்ட பரிசோதனைக்கான பக்கம், நகல் கோப்புகள் மற்றும் URL கள் ஆகியவற்றைத் தேர்ந்தெடுக்கவும், மேலும் ஒரு கொத்து தனிப்பயனாக்கவும் அமைப்புகள்.
Firefox இல் உள்ள உறுப்புகளைப் பரிசோதிக்கவும்
Chrome ஐப் போல, இன்ஸ்பெக்டர் என்றழைக்கப்படும் அதன் கருவியை திறக்க சில வழிகளில் பயர்பாக்ஸ் உள்ளது:
- பக்கத்தில் ஒரு வெற்று பகுதி வலது கிளிக் செய்யவும் அல்லது ஒரு உறுப்பு தேர்வு, மற்றும் அங்கம் ஆய்வு தேர்வு
- விசைப்பலகைடன் Ctrl + Shift + T அல்லது Ctrl + Shift + I ஐ உள்ளிடவும்
- பயர்பாக்ஸ் மெனுவிலிருந்து டெவலப்பர் > இன்ஸ்பெக்டர் என்பதைக் கிளிக் செய்க
- கருவிகள் மெனுவிலிருந்து, வலை டெவலப்பர்> இன்ஸ்பெக்டர் என்பதைக் கிளிக் செய்க
பயர்பொக்ஸின் பல்வேறு உறுப்புகள் மீது உங்கள் சுட்டியை நகர்த்தும்போது, இன்ஸ்பெக்டர் கருவி உறுப்பு மூல குறியீடு தகவலை தானாகவே காண்கிறது. ஒரு உறுப்பு சொடுக்கவும், "ஆன்-த-பறக்க தேடல்" நிறுத்தப்படும் மற்றும் இன்ஸ்பெக்டர் சாளரத்தில் இருந்து உறுப்புகளை நீங்கள் ஆராயலாம்.
அனைத்து ஆதரவு கட்டுப்பாடுகள் கண்டுபிடிக்க ஒரு உறுப்பு வலது கிளிக். பக்கத்தை HTML, நகல் அல்லது ஒட்டவும், DOM பண்புகள், ஸ்கிரீன்ஷாட் அல்லது முனையை நீக்கவும், புதிய பண்புகளை எளிதாகப் பயன்படுத்தவும், அனைத்து பக்கத்தின் CSS மற்றும் பலவற்றைப் பார்க்கவும்.
Opera இல் உள்ள கூறுகளை ஆய்வு செய்க
ஓபரா அதன் உறுப்புகளை ஆராய்ந்து பார்க்கலாம், இது டிஓஎம் இன்ஸ்பெக்டர் கருவியாகும், இது Chrome இன் ஒத்ததாக இருக்கிறது. அதை எப்படி பெறுவது:
- விசைப்பலகை குறுக்குவழி Ctrl + Shift + I ஐப் பயன்படுத்துக
- பட்டி> கூடுதல் கருவிகள்> டெவெலப்பர் மெனுவைக் காண்பி , பின்னர் பட்டி> டெவலப்பர்> டெவெலப்பர் கருவிகள் மூலம் மெனுவைத் திறக்கவும்
- பக்கத்தின் எந்த உறுப்புக்கும் வலது கிளிக் மெனுவிலிருந்து, உறுப்பு பரிசோதிக்கவும்
இன்டர்நெட் எக்ஸ்ப்ளோரர் உள்ள கூறுகளை ஆய்வு
டெவெலப்பர் கருவிகள் என்று அழைக்கப்படும் இதேபோன்ற ஆய்வு உறுப்பு கருவி Internet Explorer இல் கிடைக்கிறது:
- விசைப்பலகை மீது F12 ஐ அழுத்தவும்
- கருவிகள்> F12 டெவெலப்பர் மெனு விருப்பத்தைப் பயன்படுத்தவும் ( கருவிகள் மெனுவை நீங்கள் காணவில்லை என்றால் Alt + X ஐ ஹிட் செய்யவும்)
- பக்கத்தில் வலது கிளிக் செய்து Element ஐ சொடுக்க சொடுக்கவும்
ஐஇ அதன் தேர்ந்தெடுக்கப்பட்ட உறுப்பு கருவி இந்த புதிய மெனுவில் உள்ளது, அதன் HTML மற்றும் CSS விவரங்களைப் பார்க்க எந்த பக்க உறுப்புக்கும் கிளிக் செய்யலாம். நீங்கள் DOM எக்ஸ்ப்ளோரர் தாவலை மூலம் உலாவுகிறீர்கள் போது நீங்கள் எளிதாக முடக்க / உறுப்பு சிறப்பம்சமாக செயல்படுத்த முடியும்.
மேலே உள்ள உலாவிகளில் உள்ள மற்ற உறுப்பு இன்ஸ்பெக்டர் கருவிகளைப் போலவே, Internet Explorer உங்களைக் குறைத்து, நகலெடுக்கவும், ஒட்டவும் மற்றும் HTML ஐ திருத்தவும், பண்புக்கூறுகளை சேர்க்கவும், இணைக்கப்பட்ட பாணிகளை நகலெடுக்கவும் மற்றும் பலவற்றை சேர்க்கவும் உதவுகிறது.