2011-10-09 14 views
10

サードパーティのウィジェット(正確には+1 button)をデバッグしようとしています。具体的には、ウィジェット内のボタンをクリックすると停止するChromeにブレークポイントを設定したいと考えています。サードパーティのボタンをクリックしてブレークポイントを設定するにはどうすればよいですか?

私はclickイベントに対処するサードパーティのコードを打ち破りたいと思います。コード内に侵入する正しい場所を見つけるのに役立つChrome拡張機能(または他には考えていないもの)がありますか?

答えて

13

Chromeの開発者ツールを使用できます。拡張は必要ありません。

ここで+1ボタンの例を作成しました:http://jsfiddle.net/rPnAe/

開発ツール(F12)を開き、スクリプトに移動してイベントリスナーブレークポイントを展開し、最後に「マウス」を展開して「クリック」チェックボックスをオンにすると、イベントリスナー)、デバッガはリスナ関数を含むコード行でブレークします。

+1

ありがとう!私はJSの新人ですが、今日の比較的良いツールと知識で、学習はもっと楽しくなります。 – ripper234

+0

"スクリプト"タブは "ソース"と呼ばれるようになりました。 – guaka

関連する問題