Maccle

圧縮されたJavascriptを読みやすく元通りに整形し直してくれるWebサービス10選

約 3 分
圧縮されたJavascriptを読みやすく元通りに整形し直してくれるWebサービス10選

実際、Webサイトで読み込む Javascript は、ファイル名を “sample.min.js” などとして、余分なインデントや改行を削除した圧縮(軽量化)されたスクリプトを用いたりしますが、たま~に気になったサイトのソースから圧縮された Javascript を整形し直して参考にしたいときがあります。

そんな軽量化されたJavascriptを、再びインデント化などをして見やすいように整え直してくれるWebサービスが ilovefreesoftware.com にて紹介されていたのでメモしときます。

1. Pretty Diff

Pretty Diff
Javascriptを再整形する “Beautify” のほかに、逆の圧縮モード(Minify)と、2つのソースの差分を抽出するDiffモード(Compare)があり、スクリプトファイルを直接アップロードして読み込むこともできます。

サポート言語は JavaScript, CSS, CSV, HTML, JSON, JSTL, markup, SCSS, SGML, XML。

通常は、「Code Type」を “Auto Detect” にしておけば言語は自動で判断してくれます。

2. JSBeautifier

JSBeautifier
インデントのタイプ(タブ、2~8スペース)、「if」のあとのスペース有無、1行の最大文字数の有無などオプションが豊富です。

コードのシンタックスハイライト化も行ってくれます。

3. Minifier

Minifier
コードの軽量化(Minify)と、軽量化されたコードの再整形(Beautify)の両方が行えます。

4. Online JavaScript Beautifier

Online JavaScript Beautifier
圧縮されたJavascriptを、ただ再整形してくれるシンプルな Beautify サービス。

5. JavaScript Unminifier

JavaScript beautifier
Javascript を再整形し、その結果の総バイト数と行数も同時に表示してくれます。

Javascript を最軽量化するサービスもあります。

6. JavaScript beautifier

JavaScript beautifier2
オプションはインデントの扱い(タブ、2/4/8スペース)のみのシンプルな Javascript Beautify サービス。

7. JS Pretty

JS Pretty

8. DevGizmo JavaScript Beautifier

DevGizmo JavaScript Beautifier

9. Javascript unpacker and beautifier

Javascript unpacker and beautifier
オープンソースの Beautify サービス。GitHubでソースコードはダウンロードできます。

10. JavaScript Unpacker by Matthewfl

JavaScript Unpacker by Matthewfl

via [ilovefreesoftware.com]

About The Author

某IT系なんちゃってエンジニアヨーダ
Apple好きだけど盲目マカーは気持ち悪いと思ってる中道だと思い込んでるしがないダメダメエンジニア。

今もってるApple製品↓
Macbook Pro 15 inch, iMac 27 inch (Late 2009), iPhone 6 Plus, iPad (初代! いらない!)
Follow :

Comments & Trackbacks

  • Comments ( 1 )
  • Trackbacks ( 0 )
  1. I thought it was heading to become some dull old publish, however it truly cospanmeted for my time. I’ll post a link to this page on my weblog. I am positive my guests will find that very useful.

Leave A Reply

*

Comment On Facebook