JavaScript 뷰티파이 도구- 무료 온라인 JavaScript 포맷터 및 뷰티파이어

자바스크립트 뷰어, 뷰티파이어, 포매터, 편집기

지저분하거나, 최소화되었거나, 난독화된 자바스크립트(JS)를 위 필드에 입력하여 깔끔하게 정리하고 보기 좋게 만들어 보세요. 위 편집기에는 유용한 줄 번호와 구문 강조 기능도 포함되어 있습니다. 사용자의 서식 취향에 맞게 꾸미기 기능을 조정할 수 있는 다양한 옵션이 있습니다.

Javascript Viewer, Beautifier 및 Formatter, Editor를 언제 사용합니까?

자바스크립트(JS)를 작성할 때 들여쓰기, 간격, 기타 서식이 다소 체계적이지 않을 수 있습니다. 여러 개발자가 하나의 프로젝트에서 각기 다른 서식 기법을 사용하는 경우도 흔합니다. 이 도구는 파일 서식을 일관되게 유지하는 데 유용합니다. 또한 자바스크립트(JS)는 최소화되거나 난독화되는 경우가 많습니다. 이 도구를 사용하면 코드를 보기 좋고 읽기 쉽게 만들어 편집이 더 쉬워집니다.

Javascript 뷰티파이어 예제

최소화된 자바스크립트:

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);  
 }