JavaScript整形ツール
圧縮されたJavaScriptや書式の乱れたコードを、きちんと読めるコードに変えます。
入力
出力
JavaScriptをオンラインで整形
本番のバンドル、サードパーティのウィジェット、誰かが1行に詰め込んだコード片は、インデントされるだけでずっと読みやすくなります。このページはJavaScriptの整形に設定したコード整形ツールで、オープンソースのjs-beautifyライブラリをブラウザー内で使います。
変わること
- 各文がそれぞれの行に置かれます。
- 波かっこ内のブロックが、入れ子の深さに応じてインデントされます。
- 演算子の前後とカンマの後にスペースが入ります。
- 残しておいた空行は、連続2行まで保持されます。
圧縮されたコードの読み方
圧縮されたファイルを整形しても、名前は1文字のままです。構造に沿って読みましょう。エクスポートされている関数を見つけ、呼び出しをたどり、意味がわかったものから頭の中で名前を付け替えていきます。元のプロジェクトがソースマップを公開していれば、ブラウザーの開発者ツールで元のソースを表示できます。圧縮されたコードを読むより、そのほうが常に確実です。
関連ツール
逆方向の処理にはJavaScript圧縮ツールを使ってください。スクリプトの2つのバージョンの違いを見たいときは、両方をここで整形してからテキスト比較ツールで比べましょう。