45

BingMapsサイトを見ています。プレイスエディタを開いて、描画ツールバーのポリラインツールをクリックしています。

描画ツールバーのツールをクリックすると、JavaScriptがどのように実行されるかを知りたいです。

HTMLを確認onclickしましたが、要素で宣言されたイベントはありません。

ポリラインツール要素のIDについて、ページで参照されているすべてのスクリプトでテキスト検索を実行しました。これは、クリックイベントを要素に添付するJavaScriptを見つけようとしたものですが、一致するものがまったくありませんでした。

ツールをクリックすると、スクリプトが実行されている必要があります。ツールバーのツールdivをクリックしたときに実行されているスクリプトを確認するにはどうすればよいですか?

ブレークポイントを設定するスクリプトを最初に知らなければ、とにかくブレークポイントを設定できるとは思いません。とにかく、IE F12開発者ツールまたはfirebugのいずれかで、実行されているjavascriptをトラップしてそれが何であるかを検出できますか?

4

5 に答える 5

50

Chromeの[イベントリスナー]パネルを見ると、要素に接続されている各リスナーに関する詳細情報が表示されます。

ここに画像の説明を入力してください

于 2012-04-21T21:00:19.263 に答える
10

Chromeデベロッパーツールで[タイムライン]タブをクリックし、[読み込み中]と[レンダリング]のチェックを外してから、記録ボタン(黒丸)をクリックします。ボタンをクリックしてイベントをトリガーし、もう一度円をクリックして録画を停止します。タイムラインでイベントを見つけ、その横にある矢印をクリックして展開します。左側には、イベントが呼び出した関数が表示されます。

于 2012-04-21T20:57:48.200 に答える
4

以前、この目的でChromeのデバッグツールでプロファイラーを使用しました。

Chromeでサイトを開きF12、デバッグツールを開きます。ツールの上部にあるタブで、[プロファイル]をクリックします。

[JavaScript CPUプロファイルの収集]が選択されていることを確認し、[開始]をクリックしてから、目的のポリラインツールをクリックし、[停止]をクリックします。これで、プロファイラーは、プロファイラーがアクティブな間に行われたすべてのJavascript呼び出しを一覧表示する必要があります。

Firebugにはおそらく似たようなものがあります。

于 2012-04-21T20:58:00.510 に答える
3

動的に追加された特定の要素の潜在的なイベントハンドラーを見つけるには、クラス名IDのすべてのソースで検索を実行してみてください。イベントハンドラーを見つけたら、ブレークポイントを設定して確認できます。

Google Chromeには、うまく機能するグローバル検索があります。

于 2012-04-21T20:56:31.973 に答える
1

デバッガーを開き、プロファイラーを起動します。好きなものをクリックしてください。プロファイラーと呼ばれるものを見てください。

于 2012-04-21T20:56:01.943 に答える