test()
javascriptファイルで呼び出される関数を作成しました。それに簡単なアラートを配置しました。
htmlファイルで、ボタンをクリックするとメソッドが呼び出されます。しかし、それは呼び出されていませんでした。
問題は11番目の機能にあり、私の関係はどこにもありません!!!! しかし、最初のjavascript関数を作成している人は、どうすればそれを見つけることができると思いますか?
javascriptをデバッグするための最良の方法を探しています。
test()
javascriptファイルで呼び出される関数を作成しました。それに簡単なアラートを配置しました。
htmlファイルで、ボタンをクリックするとメソッドが呼び出されます。しかし、それは呼び出されていませんでした。
問題は11番目の機能にあり、私の関係はどこにもありません!!!! しかし、最初のjavascript関数を作成している人は、どうすればそれを見つけることができると思いますか?
javascriptをデバッグするための最良の方法を探しています。
ブラウザの選択に応じて、デバッグオプションがあります。私はFirefoxを使用する傾向があるため、私の場合はFirebugを使用します。他のブラウザのオプションを一覧表示する質問があります-console.logとは何ですか?どのように使用しますか?
作業中のプロジェクトがすでにデバッグのメカニズムを採用していない限り、console.log()
問題を追跡するときにシンプルで便利なオプションになる傾向があります。
デバッグ中は、次のように、関数に入るときに行をログアウトするアプローチを取ることができます。
var myFunc = function(el) {
console.log('Inside myFunc');
// Existing code
};
これにより、呼び出された関数を確認し、実行順序の大まかなアイデアを得ることができます。
console.log()
変数の内容を表示するために使用することもできます-console.log(el);
console.log()
完了したら、本番環境で問題が発生する可能性があるため、呼び出しを削除/無効にすることに注意してください。
質問の中であなたの質問に答えるために、
最初のjavascript関数を作成している人は、どうすればそれを見つけることができると思いますか?
たとえば、JavaScriptで問題が発生した場合、構文エラーが発生しました。スクリプトはそこから機能しなくなります。ただし、これによってHTMLのレンダリングが停止することはないため、すべてが正しいように見える場合がありますが(特に、JSがページの外観を変更していない場合)、JSのすべての機能が機能しなくなります。
そのため、デバッグツール(ここにある他の回答にリストされています)を使用して何が問題なのかを確認します。このような場合、どの関数にエラーがあり、スクリプト全体が壊れているかを簡単に確認できます。これはおそらくあなたの先輩にも数分節約できたでしょう。
最善のアプローチは、エラーが発生したときにすぐに修正できるように、頻繁にテストすることです。