web-dev-qa-db-ja.com

JavaScriptを縮小/解凍するツール

Tidyが恐ろしいHTMLをどのようにクリーンアップできるかのように、縮小の影響を元に戻すことができるコマンドラインスクリプトやオンラインツールがありますか?

(私は特に縮小されたJavaScriptファイルを縮小することを目指しているので、変数の名前変更はまだ問題になるかもしれません。)

426
Andy Ford

あなたはこれを使うことができます: http://jsbeautifier.org/ しかし、それはあなたが使っているminifyメソッドに依存します、これはコードをフォーマットするだけです、それは変数名を変えないし、base62エンコーディングを解凍しません。

編集:実際にはそれは "パック"スクリプトを解凍することができます(ディーンエドワードのパッカーで圧縮: http://dean.edwards.name/packer/

501
Fabien Ménager

Chrome開発者ツールには、この機能が組み込まれています。開発者ツールを起動します(F12キーを押すのが1つの方法です)。[ソース]タブの左下のバーにアイコンのセットがあります。 「{}」アイコンは「プリティプリント」であり、オンデマンドでこの変換を行います。

更新:IE9「F12開発者ツール」には、「スクリプト」タブの「ツール」アイコンの下にある「JavaScriptのフォーマット」機能もあります。 (seeのヒント#4 F12最高のWebデバッグの秘密

enter image description here

151
Jon Adams

とった! JSBeautifier はまさにこれを行います、そしてあなたは自動フォーマットのオプションさえ持っています。

56
Robinicks

あなたはただjavascriptフォーマッタ( http://javascript.about.com/library/blformat.htm )を使うことができませんか?

16
Janco

Firefox、SpiderMonkey、Rhinoでは、任意のコードを無名関数にラップしてその関数の toSource メソッドを呼び出すことができます。

toSourceもコメントを削除します。

E. g。

(function () { /* Say hello. */ var x = 'Hello!'; print(x); }).toSource()

文字列に変換されます。

function () {
    var x = "Hello!";
    print(x);
}

P. S.:それは「オンラインツール」ではありませんが、一般的な美化技術に関するすべての質問はこの問題の重複として閉じられています。

14
katspaugh

あなたがMacとTextMateを持っているなら - Javascriptをフォーマットするための簡単な代替手段は:

  1. Textmateでファイルを開きます。
  2. >バンドル> JavaScript>ドキュメントの再フォーマットをクリックします。
  3. ビールをクラック.
10
Stone

ほとんどのIDEは自動フォーマット機能も提供します。たとえば NetBeansでは、CTRL + K を押すだけです。

6
gou1

Stone の答えに似ていますが、Windows/.NET開発者向けのものです。

もしあなたがVisual StudioとReSharperを持っているなら - Javascriptをフォーマットするための簡単な代替案は:

  • Visual Studioでファイルを開きます。
  • ReSharper>ツール>コードの整理(Ctrl + E、C)をクリックしてください。
  • [デフォルト:コードの再フォーマット]を選択して[OK]をクリックします。
  • ビールをクラック.
6
Caio Proiete

jSの駆除のためにこれらのリンクをクリックしてください。それは実行時にjsをデバッグするのに役立つ拡張としてFFにインストールされます。

https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/eula/141018?src=dp-btn-primary

5
sanjeev

別の方法として(これまでjsbeautifier.orgについて知らなかったので)、Dean EdwardのPackerのデコードボタンを再び有効にしたブックマークレットを使用しました。

説明書とブックマークレットを見つけました ここ

これはブックマークレットです(サイトがダウンしている場合)。

javascript:for%20(i=0;i<document.forms.length;++i)%20{for(j=0;j<document.forms[i].elements.length;++j){document.forms[i].elements[j].removeAttribute(%22readonly%22);document.forms[i].elements[j].removeAttribute(%22disabled%22);}}
5
Mottie

ソースコードが必要かどうかはわかりません。無料のオンラインJavaScriptフォーマッタが http://www.blackbeltcoder.com/Resources/JSFormatter.aspx にあります。

5
Jonathan Wood

コードを着色して、これを試してください。

http://labs.swelen.com/tools/javascript/beauty.html

5
Swelen Team

JSPretty は、その可愛らしいインターフェースにもかかわらず、JavaScriptのソースコードを人間が読める形式にするための優れた無料のオンラインツールです。好みのタイプのインデントを強制することができ、また難読化も検出できます。

4
Farshid

Pretty Diffは、 JSLint および JSHint ホワイトスペースアルゴリズムに準拠した方法で、JavaScriptを美しく印刷します。

3
austincheney

JSに入っていればFirefoxを使う可能性はもっとあります。そしてFirefoxのアドオンが救済のためであるならば。以下のものが特に便利です。

https://addons.mozilla.org/en-US/firefox/addon/phoenix/

3
Anil Namde

Jsbeautifier.orgの出力に満足していなかったので、もう少し検索してこのサイトを見つけました。 http://www.centralinternet.com.br/javascript-beautifier

私にとってはとてもうまくいった。

3
Doyle Lewis

http://unminify.appspot.com/ javascriptとjsonをunminifyするための優れたツール

2
Bui Dinh Ngoc