JavaScript 美化ツール- 無料のオンライン JavaScript フォーマッターと美化ツール

Input data
bfotool loadding
Output data
bfotool loadding

Javascript ビューア、整形ツール、フォーマッタ、エディタ

乱雑な、縮小された、または難読化されたJavaScript(JS)を上記のフィールドに入力すると、クリーンアップされ、美しく表示されます。上記のエディタには、便利な行番号表示と構文ハイライト機能も搭載されています。お好みのフォーマットに合わせて、美化機能をカスタマイズするためのオプションも多数あります。

Javascriptビューア、整形ツール、エディタはいつ使うのか

Javascript(JS) を書くと、インデント、スペース、その他のフォーマットが乱雑になってしまうことがよくあります。また、複数の開発者が1つのプロジェクトで作業し、それぞれが異なるフォーマット手法を用いることも珍しくありません。このツールは、ファイルのフォーマットを統一するのに役立ちます。また、Javascript(JS) は縮小または難読化されることも珍しくありません。このツールを使用すると、コードを美しく読みやすくし、編集を容易にすることができます。

Javascript の美化ツールの例

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