ஜாவாஸ்கிரிப்டில் பிழைத்திருத்தம்: உலாவி கன்சோலில் உள்நுழைகிறது

முன் உலாவி பயன்பாடுகளை பிழைதிருத்தம் செய்வதற்கு வலை உலாவி கன்சோல் மிகவும் பரவலாகப் பயன்படுத்தப்படும் கருவிகளில் ஒன்றாகும். கன்சோல் ஏபிஐ டெவலப்பர்களுக்கு பிழைகள் மற்றும் செய்திகளை பதிவு செய்யும் திறனை வழங்குகிறது.

console.log () கன்சோல் API இல் பொதுவாகப் பயன்படுத்தப்படும் முறை, ஆனால் உங்கள் பணிப்பாய்வில் நீங்கள் பயன்படுத்தக்கூடிய பிற முறைகள் உள்ளன. இந்த வழிகாட்டி உங்கள் பிழைத்திருத்த பணிப்பாய்வை மேம்படுத்த நீங்கள் பயன்படுத்தக்கூடிய பல்வேறு இணைய உலாவி கன்சோல் முறைகளைக் காட்டுகிறது.

---

---

பதிவு செய்வது ஏன் முக்கியம்?

வலை உலாவி கன்சோலில் உள்நுழைவது முன்-முனை அல்லது ஜாவாஸ்கிரிப்ட் அடிப்படையிலான பயன்பாடுகளை பிழைதிருத்தம் செய்வதற்கான சிறந்த முறைகளில் ஒன்றாகும்.

தொடர்புடைய: 6 ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் கற்றல் மதிப்புள்ளவை

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

உதவிக்குறிப்பு இந்த வழிகாட்டியில் விவாதிக்கப்பட்ட அனைத்து குறியீடுகளையும் உங்கள் உலாவி பணியகம் இயக்க முடியும். அச்சகம் எஃப் 12 உலாவி உருவாக்குநர்களின் கருவிகளை Chrome அல்லது Firefox இல் திறக்க உங்கள் விசைப்பலகையில்.

சரம் செய்திகளை பதிவு செய்தல்

மிகவும் பொதுவான கன்சோல் முறைகளில் ஒன்று console.log () . இது வெப் கன்சோலுக்கு ஒரு சரம் செய்தி அல்லது சில மதிப்பை வெளியிடுகிறது. எளிய மதிப்புகள் அல்லது சரம் செய்திகளுக்கு, தி console.log () முறை அநேகமாக பயன்படுத்த சிறந்த வழி.

---

---

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

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

console.log(`Hello World`);

இதன் மற்றொரு சிறப்பு அம்சம் console.log () முறை என்பது DOM உறுப்புகளின் வெளியீட்டை அல்லது ஒரு வலைத்தளத்தின் ஒரு பகுதியின் கட்டமைப்பை அச்சிடும் திறன் ஆகும், எடுத்துக்காட்டாக, உடல் உறுப்புகளின் கட்டமைப்பை வெளியிடுவது மற்றும் அதற்குள் உள்ள அனைத்தும் பின்வருவனவற்றைப் பயன்படுத்துகின்றன.

---

---

console.log(document.body)

வெளியீடு என்பது ஒரு HTML மரமாக DOM கூறுகளின் தொகுப்பாகும்.

இன்டராக்டிவ் ஜாவாஸ்கிரிப்ட் பொருள்களை பதிவு செய்தல்

தி console.dir () ஜாவாஸ்கிரிப்ட் பொருட்களின் ஊடாடும் பண்புகளை பதிவு செய்ய இந்த முறை பயன்படுத்தப்படுகிறது. எடுத்துக்காட்டாக, ஒரு வலைப்பக்கத்தில் DOM கூறுகளைப் பார்க்க இதைப் பயன்படுத்தலாம்.

இன் வழக்கமான வெளியீடு console.dir () முறை JSON வடிவத்தில் குறிப்பிடப்பட்ட ஜாவாஸ்கிரிப்ட் பொருளின் அனைத்து பண்புகளையும் உள்ளடக்கியது. ஒரு HTML பக்கத்தின் உடலில் உள்ள அனைத்து உறுப்புகளின் பண்புகளையும் அச்சிட கீழே உள்ள முறையைப் பயன்படுத்தவும்:

console.dir(document.body)

வெளிப்பாடுகளை மதிப்பீடு செய்தல்

அலகு சோதனையிலிருந்து வலியுறுத்தும் முறைகளை நீங்கள் நன்கு அறிந்திருக்கலாம் - நன்றாக console.assert () முறை அதே வழியில் செயல்படுகிறது. பயன்படுத்த console.assert () ஒரு வெளிப்பாடு அல்லது நிலையை மதிப்பீடு செய்யும் முறை.

உறுதிப்படுத்தும் முறை தோல்வியடைந்தால், கன்சோல் பிழை செய்தியை அச்சிடுகிறது; இல்லையெனில், அது எதையும் அச்சிடாது. ஒரு நபரின் வயது 18 ஐ விட அதிகமாக உள்ளதா என்பதை மதிப்பீடு செய்ய கீழே உள்ள குறியீட்டைப் பயன்படுத்தவும்:

let ageLimit = 18;
let yourAge = 12;
const assertFailMessage = 'You have to be older than 18 years of age';

console.assert( yourAge > ageLimit, assertFailMessage);

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

அட்டவணையில் தரவைப் பதிவு செய்தல்

பயன்படுத்த console.table () அட்டவணை வடிவத்தில் தரவைக் காண்பிக்கும் முறை. அட்டவணை வடிவில் காண்பிக்க நல்ல வேட்பாளர்கள் வரிசைகள் அல்லது பொருள் தரவு அடங்கும்.

குறிப்பு : பயர்பாக்ஸ் போன்ற சில உலாவிகளில் அதிகபட்சமாக 1,000 வரிசைகள் வரம்பைக் கொண்டுள்ளன console.table () முறை

உங்களிடம் பின்வரும் கார் பொருள்களின் வரிசை இருப்பதாகக் கருதினால்:

let cars = [
{'color':'purple', 'type':'minivan', 'registration': new Date('2021-04-05')},
{'color': 'red', 'type':'minivan', 'registration': new Date ('2021-06-10')}
]

கீழே உள்ள முறையைப் பயன்படுத்தி அட்டவணையில் மேலே உள்ள வரிசையை நீங்கள் காட்டலாம்:

console.table(cars);

வகை மூலம் செய்திகளை பதிவு செய்தல்

வலை உலாவி கன்சோல் செய்திகள் முக்கியமாக மூன்று குழுக்களாக வகைப்படுத்தப்படுகின்றன: பிழை, எச்சரிக்கை மற்றும் தகவல்.

பிழைகள்

கன்சோலில் பிழை செய்திகளை குறிப்பாகப் பயன்படுத்தி அச்சிடவும் console.error () முறை, பிழை தொடர்பான செய்திகள் சிவப்பு எழுத்துருவில் காட்டப்படும்.

console.error('error message');

எச்சரிக்கைகள்

எச்சரிக்கைகளை அச்சிட, பின்வருவனவற்றைப் பயன்படுத்தவும். பெரும்பாலான காட்சிகளைப் போலவே, எச்சரிக்கை செய்திகளும் ஆரஞ்சு நிறத்தில் காட்டப்படும்:

console.warn('warning message');

தகவல்

கன்சோலில் பொதுவான தகவல்களை அச்சிட, இதைப் பயன்படுத்தவும் console.info () முறை:

console.info('general info message')

உலாவி கன்சோலில் செய்திகளை சரியாக வகைப்படுத்தும்போது அவற்றை வடிகட்டுவது அல்லது கண்டுபிடிப்பது எளிது.

நிரல் ஓட்டத்தை கண்காணித்தல்

பயன்படுத்த console.trace () நிரல் ஓட்டம் அல்லது செயல்பாட்டின் ஸ்டேக் தடத்தை அச்சிடும் முறை. பிழைத்திருத்தத்திற்கு இது மிகவும் பயனுள்ள அம்சமாகும், ஏனெனில் இது உங்கள் திட்டத்தில் செயல்படும் வரிசையை அச்சிடுகிறது.

பார்க்க console.trace () செயல்பாட்டில் உள்ள முறை, நீங்கள் மூன்று செயல்பாடுகளை உருவாக்கலாம் (கீழே உள்ளபடி) மற்றும் செயல்பாடுகளில் ஒன்றில் ஸ்டாக் ட்ரேஸை வைக்கலாம்.

function functionOne(){
functionTwo()
}
function functionTwo(){
functionThree()
}
function functionThree(){
console.trace()
}

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

நேர நிரல் செயல்படுத்தல்

உங்கள் புரோகிராமில் ஒரு ஆபரேஷன் எவ்வளவு நேரம் எடுக்கும் என்பதை, நீங்கள் பயன்படுத்தலாம் console.time () முறை console.time () உடன் இணைந்து பயன்படுத்தப்படுகிறது console.timeEnd () டைமரை முடிக்க பிந்தையது பயன்படுத்தப்படும் முறை.

ஒரு வலைப்பக்கத்திற்கு 10,000 டைமர்கள் வரை இயங்கலாம், உங்கள் டைமர்களை சரியாக லேபிளிடுவதன் முக்கியத்துவத்தை எடுத்துரைக்கலாம்.

1 முதல் 50,000 வரையிலான எண்களைச் சுற்றிச் செல்ல எவ்வளவு நேரம் ஆகும், நீங்கள் டைமரைப் பின்வருமாறு பயன்படுத்தலாம்.

console.time('loop timer 2');
for(i=1; i<50001; i++){
}
console.timeEnd('loop timer 2');


எண்ணுதல்

தி console.count () ஒரு புரோகிராமில் எத்தனை முறை ஒரு செயல்பாடு அல்லது சில குறியீடு அழைக்கப்படுகிறது என்பதைக் கண்காணிக்க இந்த முறை பயன்படுத்தப்படுகிறது. எடுத்துக்காட்டாக, ஒரு லூப் எத்தனை முறை செயல்படுத்தப்பட்டது என்பதை நாம் பின்வருமாறு கண்காணிக்கலாம்:

for(i=0; i<4; i++ ){
console.count();
}

பதிவு செய்திகளை குழுவாக்குதல்

டைமர் முறையைப் போலவே, தி console.group () , மற்றும் console.groupEnd () முறைகள் பொதுவாக ஜோடிகளாகப் பயன்படுத்தப்படுகின்றன.

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

console.group('warnings')
console.warn('another warning');
console.warn('This is a warning')
console.groupEnd()

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

கன்சோலை அழித்தல்

கடைசியாக ஆனால் குறைந்தது அல்ல, உங்கள் உலாவி கன்சோலில் பதிவு செய்திகளை அழிக்க பல வழிகள் இங்கே உள்ளன.

பயன்படுத்த console.clear () பின்வருமாறு முறை.

console.clear()

உலாவி விசைப்பலகை குறுக்குவழிகளைப் பயன்படுத்தி உலாவி பணியகத்தையும் அழிக்கலாம்.

கூகிள் குரோம் : Ctrl + L

பயர்பாக்ஸ் : Ctrl + Shift + L

உலாவி கன்சோலை முழுமையாகப் பயன்படுத்துதல்

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

நான் எஸ்டி கார்டுக்கு ஆப்ஸை எப்படி நகர்த்துவது

உங்கள் அடுத்த திட்டத்தில் ஒரு CAPTCHA சரிபார்ப்பை உருவாக்கி, உங்கள் புதிய பிழைத்திருத்த திறன்களை சோதனைக்கு உட்படுத்துங்கள்!

பகிர் பகிர் ட்வீட் மின்னஞ்சல் HTML, CSS மற்றும் JavaScript ஐ பயன்படுத்தி CAPTCHA சரிபார்ப்பு படிவத்தை உருவாக்கவும்

CAPTCHA சரிபார்ப்பு மூலம் உங்கள் வலைத்தளங்களைப் பாதுகாக்கவும்.

அடுத்து படிக்கவும் தொடர்புடைய தலைப்புகள்

• நிரலாக்க
• இணைய மேம்பாடு
• ஜாவாஸ்கிரிப்ட்

எழுத்தாளர் பற்றி செல்வது நல்லது(36 கட்டுரைகள் வெளியிடப்பட்டன)

Mwiza தொழில் மூலம் மென்பொருளை உருவாக்கி, லினக்ஸ் மற்றும் முன்பக்க நிரலாக்கத்தில் விரிவாக எழுதுகிறார். அவரது சில ஆர்வங்களில் வரலாறு, பொருளாதாரம், அரசியல் மற்றும் நிறுவன-கட்டிடக்கலை ஆகியவை அடங்கும்.

Mwiza Kumwenda இலிருந்து மேலும்

எங்கள் செய்திமடலுக்கு குழுசேரவும்

தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

குழுசேர இங்கே சொடுக்கவும்