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

Input data
bfotool loadding
Output data
bfotool loadding

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

지저분하거나 축소되거나 난독화된 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);
 }