முக்கிய குரோம் 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 க்கு முன்னால் - மற்றும் தட்டச்சு செய்யவும் மூலத்தை பார் , பின்னர் அழுத்தவும் உள்ளிடவும் அல்லது தேர்ந்தெடுக்கவும் போ .

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

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

Android தொலைபேசியுடன் கணினியை மூடுவது எப்படி
Android தொலைபேசியுடன் கணினியை மூடுவது எப்படி
பிசி நீண்ட காலத்திற்கு பயன்படுத்தப்படாவிட்டால், அதை எப்போதும் மூடுவது நல்லது. ஒரு பிசி காத்திருப்பு பயன்முறையில் அதிக ஆற்றலை உட்கொள்வதில்லை, ஆனால் அதை விட்டுவிடுவது இன்னும் குறைக்கிறது
சாம்சங்கில் ஆண்ட்ராய்டு 14க்கு எப்படி அப்டேட் செய்வது
சாம்சங்கில் ஆண்ட்ராய்டு 14க்கு எப்படி அப்டேட் செய்வது
உங்கள் சாதனத்திற்கான Google இன் இயங்குதளத்தின் சமீபத்திய பதிப்பைப் பெறத் தயாரா? இணக்கமான ஃபோன்கள் மற்றும் டேப்லெட்டுகள் மற்றும் எப்படி மேம்படுத்துவது என்பது இங்கே.
XCF கோப்பு என்றால் என்ன?
XCF கோப்பு என்றால் என்ன?
XCF கோப்பு என்பது GIMP படக் கோப்பு. .XCF கோப்பை எவ்வாறு திறப்பது அல்லது XCF கோப்பை PNG, JPG, PSD, PDF, GIF அல்லது வேறு சில கோப்பு வடிவத்திற்கு மாற்றுவது எப்படி என்பதை அறிக.
விண்டோஸ் 7 மற்றும் விண்டோஸ் 8 க்கான அரோரா ஸ்கிரீன்சேவர்
விண்டோஸ் 7 மற்றும் விண்டோஸ் 8 க்கான அரோரா ஸ்கிரீன்சேவர்
இங்கே நீங்கள் விண்டோஸ் 7 மற்றும் விண்டோஸ் 8 க்கான அரோரா ஸ்கிரீன்சேவரைப் பெறலாம். இது விண்டோஸ் விஸ்டாவுடன் அனுப்பப்பட்டது, ஆனால் விண்டோஸ் 7 மற்றும் 8 இல் அகற்றப்பட்டது. கீழேயுள்ள இணைப்பில் கோப்பை பதிவிறக்கம் செய்து, அதைப் பிரித்தெடுத்து இயக்கவும்.இதில் 32 பிட் மற்றும் 64 பிட்டிற்கான அரோரா ஸ்கிரீன்சேவர் உள்ளது விண்டோஸ் பதிப்புகள். பொருத்தமான கோப்பைப் பயன்படுத்தவும். Exe கோப்பு வேறு ஒன்றும் இல்லை என்பதைக் கவனியுங்கள்
வென்மோ உடனடி பரிமாற்றம் வேலை செய்யவில்லையா? என்ன செய்ய வேண்டும் என்பது இங்கே
வென்மோ உடனடி பரிமாற்றம் வேலை செய்யவில்லையா? என்ன செய்ய வேண்டும் என்பது இங்கே
வென்மோ இன்ஸ்டன்ட் டிரான்ஸ்ஃபர் அம்சம் எதிர்பார்த்தபடி செயல்படவில்லை என்றால் என்ன நடவடிக்கைகள் எடுக்க வேண்டும் என்பது குறித்த பயிற்சி.
குழு கொள்கையுடன் விண்டோஸ் 10 இல் மக்கள் பட்டியை முடக்கு
குழு கொள்கையுடன் விண்டோஸ் 10 இல் மக்கள் பட்டியை முடக்கு
இந்த கட்டுரையில், குழு கொள்கை மற்றும் ஒரு பதிவேடு மாற்றங்களைப் பயன்படுத்தி விண்டோஸ் 10 இல் மக்கள் பட்டி அம்சத்தை எவ்வாறு முடக்கலாம் என்பதைப் பார்ப்போம். நீங்கள் பயன்படுத்த தயாராக பதிவக கோப்புகளை பதிவிறக்கம் செய்யலாம்.
குழு கோட்டை 2 இல் HUD ஐ எவ்வாறு மாற்றுவது
குழு கோட்டை 2 இல் HUD ஐ எவ்வாறு மாற்றுவது
குழு கோட்டை 2 (TF2) இல், விளையாட்டின் சிறப்பியல்புகளை மாற்றவும் மாற்றவும் பல வழிகள் உள்ளன. நீங்கள் மாற்றக்கூடிய ஒன்று HUD அல்லது ஹெட்ஸ்-அப் டிஸ்ப்ளே. நீங்கள் சமூகத்தால் உருவாக்கப்பட்ட HUD ஐ சேர்க்கலாம் அல்லது உருவாக்கலாம்