javascript - Javascriptコードまたは関数をデバッグする方法は？

Question

Javascriptコードがあります。
エラーを追跡してデバッグしたい。
どうやってするの ？

Answer 1

以前は、javascriptでのデバッグはかなり制限されていました。アラートを投稿して、可変状態を示したり、Webページに情報を印刷したりできます。構文エラーの場合、すべてのコードが実行されるわけではありません（つまり、エラーの前にアラートを配置して、エラーがどこにあるかを知る必要がありました）。

ありがたいことに、ブラウザは追いついてきました。 Firebugは、ブレークポイント、式の評価、およびブラウザ内のデバッグに役立つ一連の他のツールの両方を使用するChromeの開発者ツールと同様に非常に便利です。これらを調べることをお勧めします。Internet Explorerにも開発ツールのセクションがあると思いますが、それは私の好みではないことがわかりました。ただし、必要なものは何でも自由に使用できます。

Answer 2

ブラウザによって異なります。

• Firefox：FirebugExtensionをダウンロードする

• Opera：組み込みのOperaDragonflyを使用する

• Webkitベース（Chrome、Safari、Rockmelt ...）：F12キーを押して、組み込みのWebkitデバッガーを開きます

• Internet Explorer 9以降：F12キーを押して、組み込みの開発ツールを開きます

• IE <= 8：DebugBarをインストールします

これらのツールのほとんどは、次のキーボードショートカットからアクセスできます。

• CTRL+ SHIFT+I
• F12

「コンソール」タブを探します。そこで、ブラウザはJavaScriptエラー、リソースがロードされていないエラーなどのさまざまなエラーを出力します。コンソールに手動で書き込むために、ほとんどのブラウザはconsoleコンソールの関数をホストするオブジェクトを提供します。最も一般的に使用されるのはconsole.log('text')です。

Answer 3

グーグルクローム

F12->コンソール。

コードの使用：console.log(variables);