3

firebug をインストールしたばかりで、起動時に jquery および javascript メソッドを表示およびデバッグしたいと考えています。

ボタンがクリックされたときにjquery関数が呼び出されるとします。サイトが巨大で、ページに多くの js ファイルが含まれている場合、どの関数が呼び出され、どこで定義されているかを指摘するのは非常に困難です。これは、人々がボタン イベントを別の方法でアタッチするためです。イベントはcssに基づいていつか添付されることを意味します。そのため、どのメソッドが呼び出されるのかがわからないことがあります。

そのため、これらの関数が呼び出され、実行時に関数本体が定義されている場所を確認できるように、いくつかのヒントを教えてください。ありがとう。

4

2 に答える 2

4

FireQueryを試してみてください。サイトから:

  • jQuery 式は、Firebug コンソールと DOM インスペクターでインテリジェントに表示されます
  • 添付されたjQueryデータは一級市民です
  • jQuery コレクションの要素はホバー時に強調表示されます
  • jQuerify: jQuery を任意の Web ページに挿入できます
  • jQuery Lint: ページが読み込まれるときに、jQuery Lint をページに自動的に挿入できます (アドホック コードの検証に最適)。

私はそれを数回使用しましたが、(jQuery を使用している場合) デバッグがはるかに簡単になります。

編集

プラグインを使用すると、要素を見て、それにバインドされたイベントを確認できます。もう 1 つのオプションは、要素を識別するもの (おそらく id または css クラス) をコードベースで検索することです。次に、何がバインドされるかを確認することもできます。

于 2011-04-22T15:41:54.263 に答える
3

http://firequery.binaryage.com/ (FireQuery)をご覧ください。これは、jQuery 呼び出しを表示できるようにする FireBug の拡張機能です。私はそれをあまり使用していませんが、それはあなたが探しているものかもしれません.

于 2011-04-22T15:41:27.413 に答える