JavaScript அழகுபடுத்தும் கருவி- இலவச ஆன்லைன் JavaScript வடிவமைப்பு மற்றும் அழகுபடுத்தும் கருவி

ஜாவாஸ்கிரிப்ட் பார்வையாளர், அழகுபடுத்துபவர், வடிவமைப்பாளர், எடிட்டர்

உங்கள் குழப்பமான, சிறியதாக மாற்றப்பட்ட அல்லது தெளிவற்ற ஜாவாஸ்கிரிப்ட்(JS) ஐ மேலே உள்ள புலத்தில் உள்ளிட்டு அதை சுத்தம் செய்து அழகாக மாற்றவும். மேலே உள்ள எடிட்டரில் பயனுள்ள வரி எண்கள் மற்றும் தொடரியல் சிறப்பம்சங்களும் உள்ளன. உங்கள் தனிப்பட்ட வடிவமைப்பு ரசனைகளுக்கு ஏற்ப அழகுபடுத்தியை வடிவமைக்க பல விருப்பங்கள் உள்ளன.

நீங்கள் எப்போது ஜாவாஸ்கிரிப்ட் வியூவர், பியூட்டிஃபையர் மற்றும் ஃபார்மேட்டர், எடிட்டரைப் பயன்படுத்துகிறீர்கள்?

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

ஜாவாஸ்கிரிப்ட் அழகுபடுத்தும் எடுத்துக்காட்டு

சிறிதாக்கப்பட்ட ஜாவாஸ்கிரிப்ட்:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}

இது இப்படி அழகுபடுத்தப்படுகிறது:

var a = document.createElement('a');  
 mimeType = mimeType || 'application/octet-stream';  
 if(navigator.msSaveBlob) {  
     navigator.msSaveBlob(new Blob([content], {  
         type: mimeType  
     }), fileName);  
 } else if(URL && 'download' in a) {  
     a.href = URL.createObjectURL(new Blob([content], {  
         type: mimeType  
     }));  
     a.setAttribute('download', fileName);  
     document.body.appendChild(a);  
     a.click();  
     document.body.removeChild(a);  
 } else {  
     location.href = 'data:application/octet-stream,' + encodeURIComponent(content);  
 }