24

ブラウザの JavaScript コンソールで JavaScript 関数呼び出しを表示することはできますか? XHR を表示できることはわかっていますが、関数呼び出しを表示できますか?

たとえば、ページ上の要素の上にマウスを置くと、div がポップアップします。ポップアップを表示するために呼び出された JavaScript 関数があったことはわかっているので、この呼び出しをコンソールで表示できると便利です。これにより、呼び出された関数を確認できます。

何か不足していますか、それとも不可能ですか?

4

3 に答える 3

12

基本的に、JS 呼び出しをリアルタイムで表示したいですか?

Firefox の Firebug 拡張機能はそれを提供します ( http://getfirebug.com/javascript )。

基本的に、コード内で関数を見つけて、それにブレークポイントを設定します。その後、通常のデバッガーと同じように、実行をステップスルーできるはずです。その上で特定のイベント (マウスオーバーなど) に関連付けられた JS 関数を見つけるのは難しくありません。もしそうなら、どちらですか?

Google Chrome の組み込みの開発者ツールは、より小さなサブセットを提供します。必要なものによっては、その [プロファイル] タブが役立つ場合があります。

この JS 関数をトレースする必要があるのは、正確には何ですか? 特定のニーズに基づいて、より良いツールをお勧めできる場合があります。

于 2011-04-15T02:44:19.503 に答える
8

Firebug Profilerをチェックインすると、手動でconsole.logステートメントを追加しなくても、何が起こっているのかを詳しく調べることができます。

プロファイラーを使用するには、[コンソール] タブに移動し、[プロファイル] ボタンをクリックします。次に、アプリを少し使用するか、ページをリロードしてから、[プロファイル] ボタンをもう一度クリックします。次に、どの関数が呼び出されたか、および各関数にかかった時間を示す詳細なレポートが表示されます。

http://michaelsync.net/2007/09/10/firebug-tutorial-logging-profiling-and-commandline-part-ii

Firebug プロファイラーの出力について

于 2011-04-15T03:14:49.963 に答える
2

その情報をDOMに明示的に添付しない限り、そうではありません。

ただし、Safari、Chrome、Firefox用Firebugなど、一部のブラウザの開発者ツールでブレークポイントを設定できます。

于 2011-04-15T02:33:11.507 に答える