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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. கீழ்தோன்றும் மெனு தோன்றும் போது, ​​உங்கள் மவுஸ் கர்சர் மீது அழுத்தவும் இன்னும் கருவிகள் விருப்பம்.

3. துணை மெனு தோன்றும்போது, ​​தேர்ந்தெடுக்கவும் டெவலப்பர் கருவிகள்.

அண்ட்ராய்டு

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

iOS க்கு

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

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

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

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

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

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

Mozilla Firefox

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

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

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

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

1. உங்கள் உலாவி சாளரத்தின் மேல் வலது மூலையில் அமைந்துள்ள பிரதான மெனு பொத்தானைத் தேர்ந்தெடுக்கவும், மூன்று கிடைமட்ட வரிகளைக் குறிக்கும்.

2. பாப்-அவுட் மெனு தோன்றும் போது, ​​கிளிக் டெவலப்பர் "திருக்கி" ஐகான்.

3. வலை டெவலப்பர் சூழல் மெனு இப்போது காணப்பட வேண்டும். தேர்ந்தெடு பக்க மூல விருப்பம்.

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

அண்ட்ராய்டு

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

iOS க்கு

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

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

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

iOS க்கு

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

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

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

MacOS

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

1. தேர்வு சபாரி உலாவியின் மெனுவில், திரையின் மேல் அமைந்துள்ள.

2. கீழ்தோன்றும் மெனு தோன்றும்போது, ​​தேர்ந்தெடுக்கவும் விருப்பங்கள் விருப்பம்.

3. சஃபாரி விருப்பங்கள் இப்போது காணப்பட வேண்டும். கிளிக் செய்யவும் மேம்பட்ட மேல் வரிசையின் தீவிர வலது பக்கத்தில் அமைந்துள்ள ஐகான்.

4. மேம்பட்ட பிரிவின் அடிப்பகுதியில், பெயரிடப்பட்ட விருப்பம் மெனு பட்டியில் மேம்பட்ட மெனுவைக் காண்பி, ஒரு காலி பெட்டியுடன் சேர்ந்து. ஒரு பெட்டியை தேர்வு செய்து ஒரு பெட்டியை தேர்வு செய்து, மேல் இடது மூலையில் காணப்படும் சிவப்பு 'x' ஐக் கிளிக் செய்வதன் மூலம் முன்னுரிமை விருப்பங்கள் சாளரத்தை மூடுக.

5. தேர்ந்தெடு உருவாக்க மெனு, திரையின் மேல் அமைந்துள்ள.

6. கீழ்தோன்றும் மெனு தோன்றும்போது, ​​தேர்ந்தெடுக்கவும் பக்கத்தின் மூலத்தைக் காட்டு. அதற்கு பதிலாக பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தலாம்: COMMAND + விருப்பம் + U.

ஓபரா

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

ஓபரா பிரவுசரில் உள்ள செயலில் உள்ள வலைப்பக்கத்திலிருந்து மூல குறியீட்டைப் பார்க்க பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தவும்: CTRL + U (COMMAND + விருப்பம் + U macOS இல்). அதற்கு பதிலாக தற்போதைய தாவலில் ஆதாரத்தை ஏற்ற விரும்பினால், பின்வரும் பட்டனை உள்ளிடுக பக்கத்தின் URL இன் முகவரிப் பட்டியில் உள்ளிடவும், உள்ளிடு: பார்வையிடும் மூல: ( அதாவது, பார்வையிடும் ஆதாரம்: https: //www.Go-Travels.com ).

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

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

1. உங்கள் உலாவி சாளரத்தின் மேல் இடது மூலையில் அமைந்துள்ள ஓபரா லோகோவைத் தேர்ந்தெடுக்கவும்.

2. கீழ்தோன்றும் மெனு தோன்றும் போது, ​​உங்கள் மவுஸ் கர்சர் மீது அழுத்தவும் இன்னும் கருவிகள் விருப்பம்.

3. கிளிக் செய்யவும் டெவெலப்பர் மெனுவைக் காண்பி.

4. ஓபரா லோகோவை மீண்டும் தேர்ந்தெடுக்கவும்.

5. கீழ்தோன்றும் மெனு தோன்றும் போது, ​​உங்கள் கர்சர் மீது மிதவை டெவலப்பர்.

6. துணை மெனு தோன்றும்போது, ​​தேர்ந்தெடுக்கவும் டெவலப்பர் கருவிகள்.

விவால்டி

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

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

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