開発者 🔒 ブラウザ内で動作 — データは送信されません

JavaScript整形ツール

圧縮されたJavaScriptや書式の乱れたコードを、きちんと読めるコードに変えます。

入力
出力

JavaScriptをオンラインで整形

本番のバンドル、サードパーティのウィジェット、誰かが1行に詰め込んだコード片は、インデントされるだけでずっと読みやすくなります。このページはJavaScriptの整形に設定したコード整形ツールで、オープンソースのjs-beautifyライブラリをブラウザー内で使います。

変わること

  • 各文がそれぞれの行に置かれます。
  • 波かっこ内のブロックが、入れ子の深さに応じてインデントされます。
  • 演算子の前後とカンマの後にスペースが入ります。
  • 残しておいた空行は、連続2行まで保持されます。

圧縮されたコードの読み方

圧縮されたファイルを整形しても、名前は1文字のままです。構造に沿って読みましょう。エクスポートされている関数を見つけ、呼び出しをたどり、意味がわかったものから頭の中で名前を付け替えていきます。元のプロジェクトがソースマップを公開していれば、ブラウザーの開発者ツールで元のソースを表示できます。圧縮されたコードを読むより、そのほうが常に確実です。

関連ツール

逆方向の処理にはJavaScript圧縮ツールを使ってください。スクリプトの2つのバージョンの違いを見たいときは、両方をここで整形してからテキスト比較ツールで比べましょう。