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

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



என்ன தெரிந்து கொள்ள வேண்டும்

  • வலைப்பக்கத்தில் வலது கிளிக் செய்து தேர்வு செய்யவும் பக்கத்தின் மூலத்தை பார்க்கவும் .
  • குறுக்குவழி: அழுத்தவும் Ctrl + IN (விண்டோஸ் பிசி) அல்லது கட்டளை + விருப்பம் + IN (மேக்).
  • Chrome இன் டெவலப்பர் கருவிகளைப் பயன்படுத்த, தேர்ந்தெடுக்கவும் பட்டியல் (மூன்று புள்ளிகள்) > இன்னும் கருவிகள் > டெவலப்பர் கருவிகள் .

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

Chrome இல் மூலக் குறியீட்டைப் பார்க்கவும்

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

  1. திற Google Chrome இணைய உலாவி (உங்களிடம் இல்லையென்றால் Google Chrome நிறுவப்பட்டது , இது ஒரு இலவச பதிவிறக்கம்).

  2. செல்லவும் நீங்கள் ஆய்வு செய்ய விரும்பும் இணையப் பக்கம் .

  3. வலது கிளிக் பக்கம் மற்றும் தோன்றும் மெனுவைப் பார்க்கவும். அந்த மெனுவிலிருந்து, கிளிக் செய்யவும் பக்கத்தின் மூலத்தை பார்க்கவும் .

    Chrome இணைய உலாவிக்கான சூழல் மெனுவில் பக்க மூலத்தைப் பார்க்கவும்
  4. அந்தப் பக்கத்திற்கான மூலக் குறியீடு இப்போது உலாவியில் புதிய தாவலாகத் தோன்றும்.

  5. மாற்றாக, நீங்கள் விசைப்பலகை குறுக்குவழிகளையும் பயன்படுத்தலாம் Ctrl + IN கணினியில் ஒரு தளத்தின் மூலக் குறியீடு காட்டப்படும் சாளரத்தைத் திறக்கவும். மேக்கில், இது குறுக்குவழி கட்டளை + விருப்பம் + IN .

ஹிலாரி அலிசன் / லைஃப்வைர்

நான் ஃபேஸ்புக்கில் தடுக்கப்பட்டுள்ளேன் என்று நான் எப்படி சொல்ல முடியும்

Chrome இன் டெவலப்பர் கருவிகளைப் பயன்படுத்தவும்

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

Chrome இன் டெவலப்பர் கருவிகளைப் பயன்படுத்த:

  1. திற கூகிள் குரோம் .

  2. செல்லவும் நீங்கள் ஆய்வு செய்ய விரும்பும் இணையப் பக்கம் .

  3. என்பதைத் தேர்ந்தெடுக்கவும் மூன்று-புள்ளி மெனு உலாவி சாளரத்தின் மேல் வலது மூலையில்.

  4. மெனுவிலிருந்து, வட்டமிடவும் இன்னும் கருவிகள் பின்னர் தேர்வு செய்யவும் டெவலப்பர் கருவிகள் தோன்றும் மெனுவில்.

    Google Chrome இல் டெவலப்பர் கருவிகள் மெனு உருப்படி
  5. பலகத்தின் இடதுபுறத்தில் HTML மூலக் குறியீட்டையும் வலதுபுறத்தில் தொடர்புடைய CSSஐயும் காட்டும் ஒரு சாளரம் திறக்கும்.

  6. மாற்றாக, நீங்கள் வலது கிளிக் செய்தால் வலைப்பக்கத்தில் உள்ள ஒரு உறுப்பு மற்றும் தேர்ந்தெடுக்கவும் ஆய்வு தோன்றும் மெனுவிலிருந்து, Chrome இன் டெவலப்பர் கருவிகள் பாப் அப் செய்து, HTML இல் நீங்கள் தேர்ந்தெடுத்த குறிப்பிட்ட பகுதியை வலதுபுறத்தில் காட்டப்படும் தொடர்புடைய CSS உடன் முன்னிலைப்படுத்தும். நீங்கள் ஒரு குறிப்பிட்ட தளத்தைப் பற்றி மேலும் அறிய விரும்பினால் இது மிகவும் உதவியாக இருக்கும்.

    ஸ்னாப்சாட்டில் யாரையாவது கண்டுபிடிப்பது எப்படி
மேக்கில் ஒரு உறுப்பை எவ்வாறு ஆய்வு செய்வது

மூலக் குறியீட்டைப் பார்ப்பது சட்டப்பூர்வமானதா?

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

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

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

ஜிமெயிலில் படிக்காத மின்னஞ்சல்களைக் கண்டுபிடிப்பது எப்படி

HTML ஐ விட அதிகம்

நினைவில் கொள்ள வேண்டிய ஒரு விஷயம் என்னவென்றால், மூல கோப்புகள் மிகவும் சிக்கலானதாக இருக்கும் (மேலும் நீங்கள் பார்க்கும் இணையதளம் எவ்வளவு சிக்கலானதாக இருந்தால், அந்த தளத்தின் குறியீடு மிகவும் சிக்கலானதாக இருக்கும்). பக்கத்தை உருவாக்கும் HTML கட்டமைப்பிற்கு கூடுதலாக, அந்த தளத்தின் காட்சி தோற்றத்தை கட்டளையிடும் CSS (கேஸ்கேடிங் ஸ்டைல் ​​ஷீட்கள்) இருக்கும். கூடுதலாக, இன்று பல வலைத்தளங்கள் HTML உடன் சேர்க்கப்பட்ட ஸ்கிரிப்ட் கோப்புகளை உள்ளடக்கும்.

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

அடிக்கடி கேட்கப்படும் கேள்விகள்
  • Chrome இல் HTML குறியீட்டை எவ்வாறு திருத்துவது?

    அழுத்துவதன் மூலம் Chrome இல் டெவலப்பர் கருவிகளைத் திறக்கவும் Ctrl (அல்லது கட்டளை மேக்கில்) + ஷிப்ட் + ஐ . அங்கிருந்து, அழுத்தவும் Ctrl ( கட்டளை Mac இல்) + ஓ அதைத் திறக்க நீங்கள் திருத்த விரும்பும் சேமித்த மூலக் கோப்பைத் தேர்ந்தெடுக்கவும்.

  • View Source முடக்கப்பட்டிருந்தால், Chrome இல் பக்க மூலக் குறியீட்டைப் பார்ப்பது எப்படி?

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

  • எனது Android சாதனத்தைப் பயன்படுத்தி Chrome இல் தளத்தின் மூலக் குறியீட்டை எவ்வாறு பார்ப்பது?

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

சுவாரசியமான கட்டுரைகள்

ஆசிரியர் தேர்வு

விண்டோஸ் 10 இல் கோப்பு எக்ஸ்ப்ளோரர் வழிசெலுத்தல் பலகத்தில் Google இயக்ககத்தைச் சேர்க்கவும்
விண்டோஸ் 10 இல் கோப்பு எக்ஸ்ப்ளோரர் வழிசெலுத்தல் பலகத்தில் Google இயக்ககத்தைச் சேர்க்கவும்
விண்டோஸ் 10 இல் கோப்பு எக்ஸ்ப்ளோரரின் வழிசெலுத்தல் பலகத்தில் கூகிள் இயக்ககத்தை எவ்வாறு சேர்ப்பது என்பது கூகிள் கார்போ உருவாக்கிய ஆன்லைன் ஆவண சேமிப்பக தீர்வாகும்
ஸ்மார்ட்போன் இல்லாமல் லிஃப்ட் பயன்படுத்துவது எப்படி
ஸ்மார்ட்போன் இல்லாமல் லிஃப்ட் பயன்படுத்துவது எப்படி
நம்மில் பலர் லிஃப்ட் அல்லது உபெர் போன்ற பயன்பாடுகளை எடுத்துக்கொள்வதில்லை. பயன்பாட்டைத் திறந்து, இடும், கட்டண முறையைத் தேர்ந்தெடுத்து கோரிக்கையையும் வோயிலாவையும் அனுப்புங்கள், உங்கள் சவாரி வரும். ஆனால் உங்களிடம் ஸ்மார்ட்போன் இல்லையென்றால் என்ன செய்வது? என்ன பற்றி
ஹுலுவில் சுயவிவரத்தை எவ்வாறு சேர்ப்பது
ஹுலுவில் சுயவிவரத்தை எவ்வாறு சேர்ப்பது
பிசி, மேக், ஐஓஎஸ், ஆண்ட்ராய்டு மற்றும் பலவற்றில் பல ஹுலு சுயவிவரங்களைச் சேர்த்து, முழுக் கணக்கிற்கும் பதிலாக தனிநபருக்குப் பார்க்கும் அனுபவங்களைத் தனிப்பயனாக்கலாம்.
மேக்கிற்கான அலுவலகத்தில் உரை மாற்றீட்டை எவ்வாறு பயன்படுத்துவது
மேக்கிற்கான அலுவலகத்தில் உரை மாற்றீட்டை எவ்வாறு பயன்படுத்துவது
நீங்கள் உரை மாற்றீட்டைப் பயன்படுத்தினால் - தட்டச்சு செய்ய முடியும்
பயன்பாட்டில் தோன்றாத ஸ்னாப்சாட் கேமியோக்களை எவ்வாறு சரிசெய்வது
பயன்பாட்டில் தோன்றாத ஸ்னாப்சாட் கேமியோக்களை எவ்வாறு சரிசெய்வது
ஸ்னாப்சாட் கேமியோக்கள் வேடிக்கையான மற்றும் புதுமையான திரைப்பட கேமியோக்களின் நினைவு பதிப்புகள் போன்றவை. இருப்பினும், சில நேரங்களில் அவை தோன்றாது, உயிரூட்ட வேண்டாம் அல்லது உங்களால் அவற்றை உருவாக்க முடியாது. இந்த சிக்கல்களில் ஏதேனும் உங்களுக்கு ஏற்பட்டால், சில உள்ளன
யாஹூ! தூதுவர்: அது என்ன & ஏன் மூடப்பட்டது?
யாஹூ! தூதுவர்: அது என்ன & ஏன் மூடப்பட்டது?
Yahoo Messenger ஒரு உடனடி செய்தியிடல் தளமாக இருந்தது. Yahoo Messenger ஏன் மூடப்பட்டது மற்றும் அதற்குப் பதிலாக நீங்கள் எதைப் பயன்படுத்தலாம் என்பதை அறியவும்.
502 மோசமான நுழைவாயில் - எப்படி சரிசெய்வது
502 மோசமான நுழைவாயில் - எப்படி சரிசெய்வது
ஒரு வலைத்தள பார்வையாளர் அல்லது உரிமையாளராக, பார்ப்பது