私は、大きく毛むくじゃらの JavaScript ライブラリーの内部構造を理解しようとしています。
私はすでに縮小されていないバージョンを持っています。
JavaScript の動的性により、コードを読んだだけでは何が起こっているのかを推測することが難しくなっています。
私はgdbのようなものが欲しい...個々のJavaScript関数/コード行を「ステップ」することができます。
どのブラウザ (Safari? Firefox? Chrome?) を使用し、どのプラグインを使用する必要がありますか?
ありがとう！
Chrome デベロッパー ツールを使用します。デバッガーとプロファイラーが含まれています。
オブジェクトの中身を知りたいだけの場合は、 console.log(obj) を使用してください: プロパティ ツリーにその内容が表示されます。多くのツールがあるため、公式ドキュメントをよく読むことをお勧めします。ツールを正しく使用すると、生産性に大きな違いが生じます。
現在、同様のツールが Firefox に存在します (以前は Firebug を使用する必要がありました) が、より強力な js エンジン (V8) のおかげもあって、Chrome の方がより多く使用されています。
IE にはそのようなツールセットが含まれるようになりましたが、今のところ非常に貧弱で使いにくいものです (これは変わると思います)。
最近のすべての最新ブラウザには開発者ツールがあります。ブラウザ ウィンドウでF12ORを押して取得します。ctrl+shift+k
ブレークポイントを設定し、すぐにコンソールを使用してコードを分析できます
デバッグには、Firefox の [開発者ツール] -> [エラー コンソール] を使用して、最初にエラーを確認します。はい、私はfirebugを使用してより高度なデバッグを行います。しかし、私はエラーコンソールを見ることでほとんどの問題を解決しています。
「シンプルさは究極の洗練です。」- レオナルド・ダ・ヴィンチ
FireBug for Firefoxを入手できます。