無料のオンラインツールJavascriptフォーマッター、美化

Input data
bfotool loadding
Output data
bfotool loadding

Javascriptビューア、ビューティファイア、フォーマッタ、エディタ

乱雑な、縮小された、または難読化されたJavascript(JS)を上のフィールドに入力して、クリーンアップしてきれいにします。上記のエディターには、役立つ行番号と構文の強調表示も含まれています。あなたの個人的なフォーマットの好みに合わせて美容師を調整するための多くのオプションがあります。

Javascript Viewer、Beautifier and Formatter、Editorをいつ使用しますか

多くの場合、Javascript(JS)を作成するとき、インデント、間隔、およびその他のフォーマットが少し混乱する可能性があります。また、複数の開発者が、異なるフォーマット手法を持つ単一のプロジェクトで作業することもよくあります。このツールは、ファイルのフォーマットを一貫させるのに役立ちます。また、Javascript(JS)が縮小または難読化されることもよくあります。このツールを使用すると、コードを美しく読みやすくして、編集しやすくすることができます。

JavascriptBeautifierの例

縮小された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);
 }