3

シナリオ: サードパーティのサイトで使用されているプラ​​グインがあり、競合する JS と CSS をデバッグする必要があります。問題が発生している公開ページ以外のサイトにはアクセスできません。JSはすべて縮小されており、たくさんあります。

デバッグ中に表示される JS を Firebug (または他の何か) で美しくするにはどうすればよいですか?

特定の要素がクリックされた後に実行される JS のすべての行をステップ実行するか、実行されているものの一部を段階的に公開するようデバッガに指示する方法はありますか?

この種のことを Web のどこかで、または SO で行う方法についての現在の基本的な概要はありますか?

4

2 に答える 2

3

Chrome デベロッパー ツールは、縮小されたコードを展開して読みやすくすることができます。DOM の変更にブレークポイントを設定して、どのイベントがリッスンされているかを確認することもできます。

また、ソース マップも確認してください ( http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/を参照)。縮小されたソース コードから縮小されていないソース コードへのマッピングに役立つ可能性があります。

于 2013-03-06T06:22:43.027 に答える
0

Chrome 開発者ツールを使用できます。またはこのサイト

  1. JS ビューティファイア
于 2013-03-06T06:24:06.960 に答える