ஒவ்வொரு உலாவியில் ஒரு வலை பக்கத்தின் மூலக் குறியீட்டைப் பார்க்கவும்

நீங்கள் படிக்கும் வலைப்பக்கமானது மற்றவற்றுடன், மூலக் குறியீடாக உருவாக்கப்படுகிறது. இது உங்கள் வலை உலாவி பதிவிறக்கங்கள் மற்றும் நீங்கள் இப்போது படித்து என்ன மொழிபெயர்க்க.

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

சிலர் மேம்பட்ட செயல்பாடு மற்றும் அமைப்புகளை வழங்குகின்றனர், மேலும் HTML மற்றும் பிற நிரலாக்கக் குறியீட்டை பக்கம் எளிதாகப் பார்ப்பது எளிது.

ஏன் மூல கோட் பார்க்க வேண்டும்?

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

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

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

கூகிள் குரோம்

இயங்கும்: Chrome OS, Linux, MacOS, Windows

Chrome இன் டெஸ்க்டாப் பதிப்பில் பின்வரும் பக்க குறுக்குவழியைப் பயன்படுத்துவதன் மூலம், பக்கத்தின் மூலக் குறியீட்டைப் பார்க்க மூன்று வெவ்வேறு முறைகள் வழங்குகிறது: CTRL + U (MacOS இல் COMMAND + OPTION + U ).

அழுத்தும் போது, ​​இந்த குறுக்குவழி செயலில் பக்கம் HTML மற்றும் பிற குறியீடு காண்பிக்கும் ஒரு புதிய உலாவி தாவலை திறக்கிறது. இந்த மூல வண்ணம் குறியீடாகவும், வடிவமைக்கப்பட்டதாகவும் வடிவமைக்கப்பட்டுள்ளது, இது compartmentalize செய்வதற்கும், நீங்கள் தேடுவதைக் கண்டறியவும் எளிதாக்குகிறது. நீங்கள் Chrome இன் முகவரிப் பட்டியில் பின்வரும் உரையை உள்ளிட்டு, வலைப்பக்கத்தின் URL இன் இடது பக்கத்துடன் இணைக்கப்பட்டு, Enter விசையை அழுத்தவும் : View source: (அதாவது, பார்வையிடும் மூல https: // www. .).

மூன்றாவது முறையானது, Chrome இன் டெவெலப்பர் கருவிகள் வழியாகும், இது பக்கத்தின் குறியீட்டில் ஒரு ஆழமான டைவ் எடுக்கவும், சோதனை மற்றும் மேம்பாட்டு நோக்கங்களுக்காக அதைச் சுழற்றவும் அனுமதிக்கிறது. இந்த விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தி டெவெலப்பர் கருவிகள் இடைமுகத்தை திறக்கலாம் மற்றும் மூடலாம்: CTRL + SHIFT + I ( MacAD இல் I + COMMAND + OPTION + I ). பின்வரும் பாதையை எடுத்துக்கொண்டு அவற்றைத் தொடங்கலாம்.

1. மேல் வலது மூலையில் அமைந்துள்ள Chrome இன் முக்கிய மெனு பொத்தானைக் கிளிக் செய்து, மூன்று செங்குத்தாக-சீரமைக்கப்பட்ட புள்ளிகளால் குறிக்கப்படும்.
2. கீழ்தோன்றும் மெனு தோன்றும்போது, மேலும் கருவி விருப்பத்தின் மீது உங்கள் இடஞ்சுட்டியை நகர்த்தவும்.
3. துணை மெனு தோன்றும்போது, டெவலப்பர் கருவிகளைக் கிளிக் செய்க.

அண்ட்ராய்டு
Android க்கான Chrome இல் உள்ள ஒரு வலைப்பக்கத்தின் மூலத்தைப் பார்க்கும்போது, ​​பின்வரும் உரையை அதன் முகவரியின் முன் (அல்லது URL) முன் அனுப்பி அதை சமர்ப்பிக்கவும் எளிது: பார்வையிடும் மூல:. இது ஒரு உதாரணம் பார்வையிடும் மூலமாகும்: https: // www. . கேள்விப்பட்ட பக்கத்திலிருந்து HTML மற்றும் பிற குறியீடு உடனடியாக செயலில் உள்ள சாளரத்தில் காண்பிக்கப்படும்.

iOS க்கு
உங்கள் ஐபாட், ஐபோன் அல்லது ஐபாட் டச் மூலம் Chrome ஐப் பயன்படுத்தி மூல குறியீட்டைப் பார்க்கும் எந்தவொரு இயல்பும் இல்லை, அதே நேரத்தில் காட்சி மூல பயன்பாடு போன்ற மூன்றாம் தரப்பு தீர்வைப் பயன்படுத்துவதற்கு எளிய மற்றும் மிகச் சிறந்தது.

ஆப் ஸ்டோரில் $ 0.99 க்கு கிடைக்கும், பார்க்கும் மூலமானது பக்கத்தின் URL ஐ (அல்லது சில நேரங்களில் எடுத்துக் கொள்ளும் எளிய பாதை வழியாக நகலெடுக்கவும் / நகலெடுக்கவும்) ஒட்டவும். HTML மற்றும் பிற மூலக் குறியீட்டைக் காட்டிலும் கூடுதலாக, பயன்பாட்டிலும் தனிநபர் பக்கம் சொத்துக்கள், ஆவண ஆப்ஜெக்ட் மாடல் (DOM), அதே போல் பக்க அளவு, குக்கீகள் மற்றும் பிற சுவாரஸ்யமான விவரங்களைக் காண்பிக்கும் தாவல்கள் உள்ளன.

மைக்ரோசாப்ட் எட்ஜ்

இயங்கும்: விண்டோஸ்

எட்ஜ் உலாவி அதன் டெவலப்பர் கருவிகள் இடைமுகத்தின் மூலம் தற்போதைய பக்கத்தின் மூல குறியீட்டை நீங்கள் பார்வையிடவும், பகுப்பாய்வு செய்யவும் மற்றும் கையாளவும் உதவுகிறது. இந்த எளிய உதவிக்குறிப்பை அணுக, நீங்கள் இந்த விசைப்பலகை குறுக்குவழிகளில் ஒன்றைப் பயன்படுத்தலாம்: F12 அல்லது CTRL + U. நீங்கள் அதற்கு பதிலாக சுட்டி விரும்பினால், எட்ஜ் மெனு பொத்தானை கிளிக் (மேல் வலது மூலையில் உள்ள மூன்று புள்ளிகள்) மற்றும் பட்டியலில் இருந்து F12 உருவாக்குநர் கருவிகள் விருப்பத்தை தேர்வு.

Dev Tools முதல் முறையாக இயக்கப்படும் பிறகு, உலாவி சூழல் மெனுவுக்கு (கூடுதல் வலைப்பக்கத்தில் எங்கும் வலதுபுறத்தில் கிளிக் செய்வதன் மூலம்) எட்ஜ் இரண்டு கூடுதல் விருப்பங்களை சேர்க்கிறது: உறுப்பு மற்றும் ஆதார மூலத்தைப் பரிசோதித்தல் , பிந்தையது டெபர்கர் பகுதியைத் திறக்கும் மூல குறியீடு கொண்ட மக்கள் கருவிகள் இடைமுகம்.

Mozilla Firefox

இயங்கும்: லினக்ஸ், மேக்ஸ்கஸ், விண்டோஸ்

Firefox இன் டெஸ்க்டாப் பதிப்பில் ஒரு பக்கத்தின் மூலக் குறியீட்டைக் காண நீங்கள் உங்கள் விசைப்பலகையில் Ctrl + U (MacOS இல் COMMAND + U ) ஐ அழுத்தலாம், இது வலைப்பக்கத்திற்கான HTML மற்றும் பிற குறியீட்டை கொண்ட புதிய தாவலைத் திறக்கும்.

பக்கத்தின் URL இன் இடது பக்கத்திற்கு நேரடியாக Firefox இன் முகவரிப் பட்டியில் தட்டச்சு செய்யுங்கள், அதற்கு பதிலாக தற்போதைய தாவலில் தோன்றும் அதே மூலத்தை உருவாக்குகிறது: காட்சி மூல: (அதாவது, பார்வையிடும் மூல: https: // www.) .

பக்கத்தின் மூல குறியீட்டை அணுக மற்றொரு வழி, பயர்பாக்ஸ் டெவலப்பர் கருவிகளைப் பயன்படுத்தி, பின்வரும் வழிமுறைகளைப் பின்பற்றுவதன் மூலம் அணுகலாம்.

1. உங்கள் உலாவி சாளரத்தின் மேல் வலது மூலையில் அமைந்துள்ள பிரதான மெனு பொத்தானைக் கிளிக் செய்து மூன்று கிடைமட்ட கோடுகள் குறிக்கப்படும்.
2. பாப்-அவுட் மெனு தோன்றும்போது, டெவலப்பர் "குறடு" ஐகானைக் கிளிக் செய்யவும்.
3. வலை டெவலப்பர் சூழல் மெனு இப்போது காணப்பட வேண்டும். பக்க மூல விருப்பத்தைத் தேர்ந்தெடுக்கவும்.

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

அண்ட்ராய்டு
Firefox இன் Android பதிப்பில் உள்ள மூலக் குறியீட்டைப் பார்க்கும் போது, ​​பின்வரும் பக்கத்துடன் வலைப்பக்கத்தின் URL ஐ முன்னொட்டுவதன் மூலம் அடைய முடியும்: காட்சி-மூலத்தைப் பார்க்கவும் . எடுத்துக்காட்டாக, உலாவி முகவரி பட்டியில் பின்வரும் உரையை நீங்கள் சமர்ப்பிக்க விரும்பினால், HTML மூலத்தைப் பார்வையிட : பார்வையிடும் மூல: https: // www. .

iOS க்கு
உங்கள் ஐபாட், ஐபோன் அல்லது ஐபாட் டச் மீது வலை பக்க மூலக் குறியீட்டைப் பார்க்கும் எங்கள் பரிந்துரைக்கப்பட்ட வழி View Store பயன்பாட்டில் உள்ளது, இது App Store இல் $ 0.99 க்கு கிடைக்கும். Firefox இல் நேரடியாக ஒருங்கிணைக்கப்படாதபோது, ​​HTML மற்றும் பிற பக்கத்துடன் தொடர்புடைய பிற குறியீட்டைத் திறக்க, உலாவியில் இருந்து URL இலிருந்து எளிதாக URL ஐ நகலெடுத்து ஒட்டலாம்.

ஆப்பிள் சஃபாரி

IOS மற்றும் MacOS இல் இயக்குதல்

iOS க்கு
IOS க்கான சபாரி இயல்பாகவே பக்க மூலத்தை பார்க்கும் திறனைக் கொண்டிருக்கவில்லை என்றாலும், உலாவி, காட்சி மூல பயன்பாட்டினைக் காட்டிலும் முக்கியமாக ஒருங்கிணைத்து - App Store இல் $ 0.99 க்கு கிடைக்கும்.

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

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

MacOS
சஃபாரி டெஸ்க்டாப் பதிப்பில் ஒரு பக்கத்தின் மூல குறியீட்டைப் பார்க்க, முதலில் அதன் அபிவிருத்தி மெனுவை இயக்க வேண்டும். கீழே உள்ள வழிமுறைகளை இந்த மறைக்கப்பட்ட மெனுவை செயல்படுத்துவதன் மூலமும், ஒரு பக்கத்தின் HTML மூலத்தையும் காண்பிக்கும்.

1. திரையின் மேல் அமைந்துள்ள உலாவி மெனுவில் சஃபாரி கிளிக் செய்யவும்.
2. கீழ்தோன்றும் மெனு தோன்றும்போது, முன்னுரிமை விருப்பங்கள் தேர்ந்தெடுக்கவும்.
3. சஃபாரி விருப்பங்கள் இப்போது காணப்பட வேண்டும். மேலே வரிசையின் வலதுபுறத்தில் உள்ள மேம்பட்ட சின்னத்தை கிளிக் செய்யவும்.
4. மேம்பட்ட பிரிவின் கீழ், ஒரு மெனு பெட்டியில் காட்சி உருவாக்கு மெனுவே குறிக்கப்பட்ட ஒரு விருப்பமாக, காலியாக உள்ள பெட்டியுடன் இணைக்கப்பட்டுள்ளது. இந்த பெட்டியில் ஒரு காசோலை குறிக்குள் வைக்கவும், மேல் இடது மூலையில் காணப்படும் சிவப்பு 'x' ஐ சொடுக்கி முன்னுரிமை விருப்பங்கள் சாளரத்தை மூடுக.
5. திரையின் மேல் அமைந்துள்ள டெவென் மெனுவில் சொடுக்கவும்.
6. கீழ்தோன்றும் மெனு தோன்றும்போது, பக்க மூலத்தைக் காட்டு என்பதைத் தேர்ந்தெடுக்கவும். அதற்கு பதிலாக பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தலாம்: COMMAND + OPTION + U.

ஓபரா

இயங்கும்: லினக்ஸ், மேக்ஸ்கஸ், விண்டோஸ்

Opera உலாவியில் உள்ள செயலில் உள்ள வலைப்பக்கத்திலிருந்து மூலக் குறியீட்டைப் பார்க்க பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தவும்: CTRL + U (MacOS இல் COMMAND + OPTION + U ). அதற்கு பதிலாக தற்போதைய தாவலில் மூலத்தை ஏற்றுவதற்கு விரும்பினால், பின்வரும் முகவரி உரையை பக்க பட்டியில் உள்ள URL ஐ உள்ளிடவும் மற்றும் Enter ஐ அழுத்தவும் : காட்சி மூல: (அதாவது, பார்வையிடும் மூல https: // www. ).

ஓபராவின் டெஸ்க்டாப் பதிப்பும் அதன் ஒருங்கிணைந்த டெவெலப்பர் கருவிகளைப் பயன்படுத்தி HTML மூலத்தையும், CSS மற்றும் பிற உறுப்புகளையும் பார்வையிட அனுமதிக்கிறது. இந்த இடைமுகத்தைத் துவக்க, இது உங்கள் பிரதான உலாவி சாளரத்தில் வலது பக்கத்தில் தோன்றும், பின்வரும் விசைப்பலகை குறுக்குவழியை அழுத்தவும்: CTRL + SHIFT + I ( MacAD இல் I + COMMAND + OPTION + I ).

ஓபராவின் டெவலப்பர் கருவிக்கு பின்வரும் வழிமுறைகளை எடுத்துக் கொள்ளலாம்.

1. உங்கள் உலாவி சாளரத்தின் மேல் இடது மூலையில் அமைந்துள்ள ஓபரா லோகோவைக் கிளிக் செய்க.
2. கீழ்தோன்றும் மெனு தோன்றும்போது, மேலும் கருவி விருப்பத்தின் மீது உங்கள் இடஞ்சுட்டியை நகர்த்தவும்.
3. காட்டு டெவெலப்பர் மெனுவில் கிளிக் செய்க.
4. மீண்டும் ஓபரா லோகோவை சொடுக்கவும்.
5. கீழ்தோன்றும் மெனு தோன்றும்போது, டெவலப்பர் மீது உங்கள் கர்சரைக் கவரும் .
6. துணை மெனு தோன்றும்போது, டெவலப்பர் கருவி மீது சொடுக்கவும்.

விவால்டி

விவால்டி உலாவியில் பக்க மூலத்தைப் பார்க்க பல வழிகள் உள்ளன. எளிமையானது CTRL + U விசைப்பலகை குறுக்குவழியாகும், இது ஒரு புதிய தாவலில் செயலில் உள்ள பக்கத்திலிருந்து குறியீட்டை வழங்குகிறது.

பக்கத்தின் URL இன் முன்னால் பின்வரும் உரையை நீங்கள் சேர்க்கலாம், இது தற்போது உள்ள தாவலில் மூலக் குறியீட்டைக் காட்டுகிறது: காட்சி மூல . இது ஒரு உதாரணம் பார்வையிடும் மூலமாகும்: http: // www. .

மற்றொரு முறை உலாவியின் ஒருங்கிணைந்த டெவெலப்பர் கருவிகளைக் கொண்டு, CTRL + SHIFT + I கலவையை அழுத்துவதன் மூலம் அல்லது உலாவியின் கருவிகள் மெனுவில் டெவலப்பர் கருவிகள் விருப்பத்தின் மூலம் அணுகலாம் - மேல் இடது மூலையில் உள்ள 'V' சின்னத்தில் கிளிக் செய்வதன் மூலம் கண்டறியலாம். Dev சாதனங்களைப் பயன்படுத்தி பக்கத்தின் மூலத்தின் மிக ஆழமான பகுப்பாய்வுக்கு அனுமதிக்கிறது.