Google Chrome இல் HTML மூலத்தைக் காண்பது எப்படி

நீங்கள் ஒரு வலை வடிவமைப்பாளராக இருந்தாலும், உங்கள் தளத்தின் மூலக் குறியீட்டை பிழைதிருத்தம் செய்தாலும் அல்லது ஒரு தளத்தின் குறியீடு எப்படி இருக்கும் என்பதில் ஆர்வமாக இருந்தாலும், HTML மூலத்தை Google Chrome இல் காணலாம். HTML மூலத்தைக் காண இரண்டு வழிகள் உள்ளன: மூலத்தைக் காண்க மற்றும் டெவலப்பர் கருவிகளைப் பயன்படுத்தி ஆய்வு செய்யுங்கள்.

பார்வை பக்க மூலத்தைப் பயன்படுத்தி மூலத்தைக் காண்க

Chrome ஐ நீக்கிவிட்டு, நீங்கள் HTML மூலக் குறியீட்டைக் காண விரும்பும் வலைப்பக்கத்திற்குச் செல்லவும். பக்கத்தின் வலது கிளிக் செய்து “பக்க மூலத்தைக் காண்க” என்பதைக் கிளிக் செய்க, அல்லது புதிய தாவலில் பக்கத்தின் மூலத்தைக் காண Ctrl + U ஐ அழுத்தவும்.

வலைப்பக்கத்திற்கான அனைத்து HTML உடன் ஒரு புதிய தாவல் திறக்கிறது, முற்றிலும் விரிவடைந்து வடிவமைக்கப்படவில்லை.

நீங்கள் HTML மூலத்தில் ஒரு குறிப்பிட்ட உறுப்பு அல்லது பகுதியை தேடுகிறீர்களானால், காட்சி மூலத்தைப் பயன்படுத்துவது கடினமானது மற்றும் சிக்கலானது, குறிப்பாக பக்கம் நிறைய ஜாவாஸ்கிரிப்ட் மற்றும் CSS ஐப் பயன்படுத்தினால்.

டெவலப்பர் கருவிகளைப் பயன்படுத்தி மூலத்தை ஆய்வு செய்யுங்கள்

இந்த முறை Chrome இல் டெவலப்பர் கருவிகள் பலகத்தைப் பயன்படுத்துகிறது மற்றும் மூலக் குறியீட்டைக் காண மிகவும் தூய்மையான அணுகுமுறையாகும். கூடுதல் வடிவமைத்தல் மற்றும் நீங்கள் பார்க்க ஆர்வமில்லாத கூறுகளை உடைக்கும் திறன் ஆகியவற்றிற்கு நன்றி HTML இங்கே படிக்க எளிதானது.

Chrome ஐத் திறந்து நீங்கள் ஆய்வு செய்ய விரும்பும் பக்கத்திற்குச் செல்லுங்கள்; பின்னர் Ctrl + Shift + i ஐ அழுத்தவும். நீங்கள் பார்க்கும் வலைப்பக்கத்துடன் நறுக்கப்பட்ட பலகம் திறக்கப்படும்.

ஒரு உறுப்புக்கு அடுத்ததாக சிறிய சாம்பல் அம்புக்குறியைக் கிளிக் செய்து அதை மேலும் விரிவுபடுத்துங்கள்.

இயல்புநிலையாக முழு பக்கத்தின் குறியீட்டை நீங்கள் காண விரும்பவில்லை, மாறாக HTML இல் ஒரு குறிப்பிட்ட உறுப்பை ஆய்வு செய்தால், பக்கத்தில் அந்த இடத்தை வலது கிளிக் செய்து, பின்னர் “ஆய்வு” என்பதைக் கிளிக் செய்க.

இந்த முறை பலகம் திறக்கும்போது, ​​நீங்கள் கிளிக் செய்த அந்த உறுப்பைக் கொண்ட குறியீட்டின் பகுதிக்கு இது நேரடியாகச் செல்லும்.

நீங்கள் கப்பல்துறை நிலையை மாற்ற விரும்பினால், அதை கீழே, இடது, வலதுபுறமாக நகர்த்தலாம் அல்லது தனி சாளரத்தில் திறக்கலாம். மெனு ஐகானைக் கிளிக் செய்க (மூன்று புள்ளிகள்), பின்னர் ஒரு தனி சாளரத்தில் திறத்தல், இடதுபுறம் கப்பல்துறை, கீழே கப்பல்துறை அல்லது வலதுபுறம் கப்பல்துறை ஆகியவற்றைத் தேர்வுசெய்க.

அதற்கான எல்லாமே இருக்கிறது. நீங்கள் குறியீட்டைப் பார்த்து முடித்ததும், காட்சி மூல தாவலை மூடுங்கள் அல்லது உங்கள் வலைப்பக்கத்திற்குத் திரும்ப டெவலப்பர் கருவிகள் பலகத்தில் உள்ள ‘எக்ஸ்’ என்பதைக் கிளிக் செய்க.


$config[zx-auto] not found$config[zx-overlay] not found