2015-10-14 5 views
5

私はDrupalモジュール(無関係)で作業しています.JavaScript/jQueryイベントを再作成したいと思います。私はクロムを使用してイベントリスナーに行けば、私は、しかし、これは本当に助けにはならない、jQueryのスクリプトがライン57に呼び出された参照として:イベントと呼ばれるjQueryスクリプトの行を簡単に知る方法はありますか?

  • スクリプトが縮小されると読めない
  • 私が知りたいのです
  • の100年代があるので、スクリプトを使用して のjQueryのどのラインがイベント(機能何セレクタと、それの何 体)ではなく、jQueryのスクリプト自体
  • と呼ばれるそれはちょうど フィットセレクタを検索し、ファイルを見つけることは容易ではありませんdrupalとそのモジュールがインストールされているので、 ファイルがロードされました。

理由は、私はこの(アヤックスはおそらく)コール再作成したいということです。 enter image description here

をだから、誰もがクロムのプラグインか何かのようなトリックを知っていますか?それは私のために多くの時間を節約することができます。

答えて

6

あなたは右側に、そしてあなたがSourceタブ上Call Stackを取得する必要があり、正しいブレークポイントを設定している場合。そこでは、呼び出しを開始したファイルを追跡することができるはずです。

そして、彼らが言うように、絵は千人の言葉を話す。..

Jquery Trace the call to the file.

、さらにあなたの質問に詳しく説明するために、常に非圧縮のjQueryを使用することをお勧めし

。あなたがすでに考え出したように、開発中にjs(またはそれについては.js)を使用します。

新しい人のためのステップ。

  1. 圧縮ファイルの中には、バージョン番号が付いています。
  2. それぞれの非圧縮バージョンのjqueryをofficial websiteからダウンロードします。
  3. コードを変更したくない場合は、圧縮されていないファイルの名前をjQuery.min.jsに変更するか、現在ロードされているファイルの名前に変更してください。
+1

Chromeを使用している場合は、非圧縮バージョンのダウンロードをスキップして、コードビューの左下隅にある角かっこをクリックして追加できます(ラインの横のスクリーンショットにも表示されます)。列番号)、圧縮されていないバージョンが表示されます。 –

0

には、例えば、クロムデベロッパーツールを試してみてください:

Sources -> Event Listener Breakpoints (to the right) -> Mouse -> click 
関連する問題