web-dev-qa-db-ja.com

サイトに含まれているJavascriptを自動的に縮小できるプラグインはありますか？

含まれているJavascriptファイルを自動的にunminifyするプラグイン、アドオン、Greasemonkeyスクリプトなど（最悪の場合、使いやすいプロキシ？）サイト上？

例えば私は知っています jsbeautifier.org しかし、これを外部で行うと、たとえば、縮小化されていないコードにブレークポイントを設定できません。

私の典型的な使用例：

  • 複雑なWebフロントエンドの分析と学習。
  • 既存のコードと相互作用するGreasemonkeyスクリプトのデバッグ。

私は主にFirebugで動作するソリューションに興味がありますが、ChromeまたはOperaの開発ツールに何かがある場合は、それについても聞きたいです。

javascriptfirebugminify
58
Henrik Heimbuerger

chrome 13+には、「きれいなプリント」があります。

  1. 「要素の検査」を右クリック
  2. [スクリプト]タブに移動
  3. 右下の中括弧をクリックします。

Screenshot

40
Matthew Kelly

誰かがJSBeautifierをFirebugプラグインにしました：

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

今日は今日が私の一日です！

77
B T

Venkman JavaScriptデバッガーにはプリティプリンターがあります。

Fiddlerプロキシには extension もあります。

IE9開発者ツールには、「javascriptのフォーマット」オプションもあります（「F12開発者ツールと縮小スクリプトのフォーマット」を参照してください こちら ）。

8
Annie

FYI-IE9のF12開発者ツールでも同じ機能が利用できます。スクリプトタブを開いた状態で、ボタンバーのハンマー/レンチボタン（[構成]）を選択し、[JavaScriptのフォーマット]を選択します。

3
kmote

スクリプトが空白文字のために縮小されているだけの場合、提供されるソリューションの一部が機能する可能性があります。ご指摘のとおり、JSBeautifierは便利なツールです。

ただし、表示しているJavaScriptが YUI Compressor または Google Closure Compiler などのツールで圧縮されている場合、変数は短くなり、理解しにくくなります。

この動作を確認するには、jQueryの縮小バージョンと非縮小バージョンを比較します（縮小バージョンはClosure Compilerを使用します）。

JavaScriptの学習を目的として、最高のJavaScript開発者の何人かが作成したライブラリとプラグインから学ぶことをお勧めします。 jQuery 、 [〜＃〜] yui [〜＃〜] 、 Moo Tools のソースコードを見てください。 John Resig または Thomas Fuchs のような人がGitHubのコードを見てください。 DailyJs を読み、彼の例を見てください。

これらのツールの一部が学習の過程で役立つことを願っています。これらは私に最も役立つリソースです。

1
calvinf

Webkit/Chromiumでもこれを実行できるようになりました。 Webkit Bug 57942 、 Changeset 8371 および Peter Beverlooのこれに関する変更の要約の投稿 を参照してください。

これが利用可能なChromium/Chromeのどのバージョンから始めるかは尋ねないでください。知っている場合は、ここに記載してください。 :)

1
Henrik Heimbuerger

Firefox Firefox Developer Toolsの「Auto Prettify Minified Sources」設定は、デフォルトで Prettify Source 機能をオンにします。

有効にするには：

  • firefox開発者ツールを開く（Ctrl + Shift + I）
  • デバッガータブ
  • デバッガータブの右上にあるエンジンアイコン、グローバル設定エンジンではありません

enter image description here

これは次の場所に記載されています https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file

Firefox 42でテスト済み。

1
Ciro Santilli 新疆改造中心996ICU六四事件

現在のツールでは不可能です。表示できるのは、評価スクリプトを取得することです。 Jsbeautifier.orgはすばらしいopen事であり、誰かがそれをinfo firebugに統合できる。

0
JessyNinja

PrettyPrintはニースchromeこれの拡張であり、通常の（Ctrl-U）ソースを使用している間、ハートビート内のjsを自動的に縮小します。

あなたはそれをここで得ることができます：

https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg/

0
3rik82