どのように関数の実行をデバッグするには（javascriptで）？

Question

これについて多くの話題が公開されましたが、私は「別の質問」を持っているので、新しいトピックを開きました。 Firefoxの（およびクローム）のためのソリューションを必要とする：

私はexample.comに何かをクリックしたときに、実行されているものの機能を参照する方法。たとえば：

XYZfunc(12,"carla bruno", "Monday"); 
$.post(data, "example.com") 

まもなく、その時点でどのブラウザが表示されているかをすべて確認します。

p.s. Firebugでは、私はそれを見つけることができません。また、私は

を渡されたものをパラメータ参照カント、このような伝統的な警告を、必要といけない：

Answer 1

クロムについては、右クリックして、「点検」ヒット..

ソース]タブには、あなたを与えるだろうソースファイルの表示、あなたはそこにポイントを破ると、あなたの関数が実行時にどのように動作するかを参照し

、あなたのコードAをステップすることを決定したときは、上部のアイコンを使用NDで行くと、あなたのショートカットが変更されていない場合は機能のFirefoxで

Answer 2

のうち、あなたが開発者のパレットを取得するには、このキーの組み合わせを打つことができます。Ctrl + Shift + S

パレットが起動したら、あなたはデバッガを使用して、あなたが何を追跡しているかを確認できます。

クリックによってどの機能がトリガーされているのかわからない場合は、ウェブページ上の要素を右クリックし、コンテキストメニューから「要素を検査」を選択します。それはあなたがリバースエンジニアリングして呼び出されている関数を取得する "htmlタグ"に移動します。ほとんどの場合、関数呼び出しはかなり明白であり、多くのリバースエンジニアリングを必要としません...だから、どの関数が呼び出されているかわかると....

開発者のパレットのデバッガに戻ります。あなたが行っている機能を見つけ、その上にブレークポイントを置く。関数をトリガーすると、コード実行がブレークポイントで停止し、コードをステップ実行できます。