JavaScript பியூட்டிஃபையர் & மினிஃபையர்

JavaScript குறியீட்டு வடிவமைப்பு மற்றும் சுருக்கத்தின் தேவைகள்

JavaScript குறியீட்டை உருவாக்குவதிலும் அதை இணையத்தில் வெளியிடுவதிலும் வடிவமைப்பு (Beautification) மற்றும் சுருக்குதல் (Minification) ஆகிய இரண்டும் முக்கியமான செயல்பாடுகளாகும். டெவலப்பர்கள் எழுதும் குறியீடு மனிதர்கள் படித்துப் புரிந்துகொள்வதற்கு ஏதுவாக இடைவெளிகள், உள்தள்ளல்கள் மற்றும் விளக்கக் குறிப்புகளுடன் (Comments) எழுதப்படுகிறது. ஆனால், இணைய உலாவிகள் இக்குறியீட்டை இயக்கும்போது இந்த இடைவெளிகளோ அல்லது விளக்கக் குறிப்புகளோ அவற்றுக்குத் தேவைப்படுவதில்லை.

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

Beautify மற்றும் Minify செயல்பாடுகளின் வேறுபாடுகள்

குறியீட்டை அழகாக்குதல் (Beautify) மற்றும் சுருக்குதல் (Minify) ஆகிய இரண்டும் முற்றிலும் மாறுபட்ட நோக்கங்களைக் கொண்டவை:

• Beautify (அழகாக்குதல்): இச்செயல்பாடு குறியீட்டில் முறையான உள்தள்ளல்களையும் (Indentation) இடைவெளிகளையும் சேர்க்கிறது. இதன் மூலம், படிக்க கடினமாக இருக்கும் அல்லது சுருக்கப்பட்ட குறியீட்டை எளிதாக வாசிக்கக்கூடிய வடிவத்திற்கு மாற்ற முடியும்.
• Minify (சுருக்குதல்): இச்செயல்பாடு குறியீட்டில் உள்ள வெற்று இடைவெளிகள் (Whitespace), விளக்கக் குறிப்புகள் (Comments) மற்றும் தேவையற்ற குறியீடுகளை (Dead code) முழுமையாக நீக்குகிறது. இது கோப்பின் அளவைக் குறைத்து, இணையத்தில் ஸ்கிரிப்ட்கள் வேகமாகப் பதிவிறக்கமடைய உதவுகிறது.

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

உள்ளீட்டு வரம்புகள் மற்றும் பிழை கையாளுதல்

இக்கருவியைப் பயன்படுத்தும்போது சில குறிப்பிட்ட விதிகள் மற்றும் வரம்புகள் பின்பற்றப்படுகின்றன:

• அளவு வரம்பு: உள்ளீட்டுப் பகுதியில் அதிகபட்சமாக 3,000,000 எழுத்துகள் (Characters) வரை மட்டுமே அனுமதிக்கப்படும். உள்ளீடு இந்த வரம்பை மீறும்போது "இந்தக் கோப்பு செயலாக்க முடியாத அளவுக்குப் பெரியதாக உள்ளது. சிறிய கோப்பை முயற்சிக்கவும்." என்ற பிழை செய்தி காட்டப்படும்.
• நேர வரம்பு: குறியீட்டைச் செயலாக்க 20 வினாடிகளுக்கு மேல் எடுத்தால், அச்செயல்பாடு நிறுத்தப்பட்டு "செயலாக்கம் அதிக நேரம் எடுத்ததால் நிறுத்தப்பட்டது — சிறிய கோப்பை முயற்சிக்கவும்." என்ற செய்தி திரையில் தோன்றும்.
• தொடரியல் பிழைகள் (Syntax Errors): உள்ளீடு செய்யப்பட்ட JavaScript குறியீட்டில் ஏதேனும் தொடரியல் பிழைகள் இருந்தால், கருவியால் அதைச் செயலாக்க முடியாது. அப்போது "இந்த JavaScript-ஐச் செயலாக்க முடியவில்லை." என்ற பிழை செய்தி காட்டப்படும்.
• இயக்கக்கூடிய குறியீடு இல்லாமை: சுருக்கக் கோப்பின் உள்ளீட்டில் இயக்கக்கூடிய குறியீடுகள் எதுவும் இல்லாமல், வெறும் கருத்துகளோ அல்லது வெற்று இடைவெளிகளோ மட்டும் இருந்தால், "சுருக்கிய பின் எதுவும் மீதமில்லை — உள்ளீட்டில் இயக்கக்கூடிய குறியீடு எதுவும் இல்லை." என்ற செய்தி வெளியீடாகக் காட்டப்படும்.

உள்ளீடு எதுவும் இல்லாதபோது கருவி "ready" நிலையில் இருக்கும். "அழி" பொத்தானை அழுத்தும்போது உள்ளீடு, வெளியீடு மற்றும் சேமிக்கப்பட்ட வரைவு (Draft) ஆகிய அனைத்தும் நீக்கப்படும்.

குறியீட்டு வடிவமைப்பு மற்றும் சுருக்க விதிகள்

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

உள்தள்ளல் பாணிகள் (Indent Styles)

குறியீட்டை அழகாக்கும்போது (Beautify), பின்வரும் மூன்று உள்தள்ளல் பாணிகளில் ஒன்றை நீங்கள் தேர்வு செய்யலாம்:

1. 2 spaces (2 இடைவெளிகள்)
2. 4 spaces (4 இடைவெளிகள்)
3. Tab

உள்ளூர் மாறிகள் கையாளுதல் (Local Variables)

குறியீட்டைச் சுருக்கும்போது (Minify), உள்ளூர் மாறிகளின் பெயர்களை எவ்வாறு கையாள வேண்டும் என்பதைத் தீர்மானிக்கலாம்:

• Shorten (சுருக்கு): உள்ளூர் மாறிகளின் பெயர்களை ஒற்றை எழுத்தாக மாற்றி, கோப்பின் அளவை மிகக் குறைந்த அளவிற்குக் கொண்டு வரும்.
• Keep (வைத்துக் கொள்): மாறிகளின் பெயர்களை மாற்றாமல் அப்படியே வைத்திருக்கும். இது கோப்பின் அளவைச் சற்று அதிகமாக்கினாலும், குறியீட்டைப் பிழைத்திருத்தம் (Debug) செய்ய எளிதாக இருக்கும்.

சுருக்குதல் செயல்பாட்டின் போது உரிமப் பேனர்கள் (/*! … */) மட்டும் நீக்கப்படாமல் அப்படியே பாதுகாக்கப்படும். செயல்முறை முடிந்ததும், கோப்பின் அளவு எவ்வளவு குறைந்துள்ளது என்பது "சுருக்கப்பட்டது — {pct}% சிறியது." என்ற செய்தியின் மூலம் சதவீதத்தில் காட்டப்படும்.

வெளியீட்டு அளவீடுகள்

செயலாக்கம் முடிந்தவுடன், வெளியீட்டுப் பகுதியில் பின்வரும் புள்ளிவிவரங்கள் காட்டப்படும்:

வெளியீட்டு குறியீடு script.js என்ற பெயரில் படிக்க மட்டுமேக்கூடிய (Read-only) எடிட்டரில் காட்டப்படும், அதை நகலெடுக்கவோ அல்லது பதிவிறக்கவோ முடியும்.

தனியுரிமை மற்றும் தரவுப் பாதுகாப்பு

இந்தக் கருவியைப் பயன்படுத்தும்போது உங்கள் தனியுரிமை முழுமையாகப் பாதுகாக்கப்படுகிறது. உள்ளீடு செய்யப்படும் அனைத்து JavaScript குறியீடுகளும் உங்கள் கணினியின் இணைய உலாவியிலேயே (Browser) வடிவமைக்கப்பட்டு சுருக்கப்படுகின்றன. தரவுகள் எதுவும் BroBroGo இணையதளத்தின் சேவையகங்களுக்குப் (Servers) பதிவேற்றப்படுவதில்லை.

---

அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)

Beautify மற்றும் Minify ஆகியவற்றுக்கு இடையே உள்ள வேறுபாடு என்ன?

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

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

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

Shorten மற்றும் Keep பெயர் விருப்பங்கள் என்ன செய்கின்றன?

இரண்டுமே வெற்று இடைவெளிகள், கருத்துகள் மற்றும் தேவையற்ற குறியீடுகளை நீக்குகின்றன, மேலும் உங்கள் ஸ்கிரிப்ட்டின் செயல்பாட்டை மாற்றாது. Shorten (சுருக்கு) பயன்முறையானது உள்ளூர் மாறிகளை (local variables) ஒற்றை எழுத்தாக மாற்றி, கோப்பின் அளவை மிகக் குறைந்ததாக மாற்றும் — இதை நீங்கள் வெளியிடப் பயன்படுத்தலாம். Keep (வை) பயன்முறையானது மாறிகளின் பெயர்களை அப்படியே வைத்திருக்கும், இதனால் கோப்பின் அளவு சற்று அதிகமாக இருந்தாலும், படிக்கவும் பிழைத்திருத்தம் செய்யவும் எளிதாக இருக்கும்.