무료 온라인 도구 자바스크립트 포맷터, Beautifier

자바스크립트 뷰어, 미화, 포매터, 에디터

지저분하거나 축소되거나 난독화된 Javascript(JS)를 위의 필드에 입력하여 정리하고 예쁘게 만드십시오. 위의 편집기에는 유용한 줄 번호와 구문 강조 표시도 포함되어 있습니다. 개인의 서식 취향에 맞게 꾸미기를 조정할 수 있는 많은 옵션이 있습니다.

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

종종 자바스크립트(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);
 }