0

I joined a team to work on a project. Now that they use jQuery and a lot of the javascript file are external files instead of embedded.

When I clicked a button, which simply looks like:

<a class="button_cancel">Cancel</a>

It trigger an event which is defined in one javascript file.

Is there a way to locate the file (or even the exact line of the file) when the onclick is triggered?

4

2 に答える 2

1

Firefox 用の Firebug 拡張機能などの開発者ツールを使用することもできます (既にお持ちであることを願っています)。Firebug の「スクリプト」パネルでは、「次にブレーク」(左上隅) を設定できます。これは、実際には、次に実行される行にブレークポイントを設定することを意味します。それを有効にします。ボタンをクリックします。実行されたファイルに着陸する必要があります。コードを少し進めていない場合は、そこに到達します。唯一厄介なことは、継続的に実行されている他の JavaScript がある場合です。

Chrome、Safari、Opera の開発者ツールは同様の機能を提供すると思います。

編集： Chromeにもあります。右上の「ソース」パネルで、「スクリプト実行の一時停止」と呼ばれます。

于 2012-09-20T05:57:42.713 に答える
1

Visual Event 2は、この情報をわかりやすく使いやすい方法で提供します。

Visual Event は、DOM 要素に関連付けられたイベントに関するデバッグ情報を提供するオープン ソースの Javascript ブックマークレットです。ビジュアルイベントショー:

  • どの要素にイベントが関連付けられているか
  • 要素に関連付けられたイベントのタイプ
  • イベントで実行されるコードがトリガーされます
  • 添付関数が定義されたソース ファイルと行番号 (Webkit ブラウザーと Opera のみ)

デモ

于 2012-09-20T05:58:35.670 に答える