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