JavaScriptスクリプトのデバッグ方法まとめ_JavaScriptスキル

1.アラートメソッド
これも非常に原始的な方法ですが、デバッグが非常に面倒です。
2. デバッガ方法
まず、インターネット オプション - 詳細を開き、「スクリプトのデバッグを無効にする (Internet Explorer)」のチェックを外します。
他のブラウザでデバッグを有効にしたい場合は、「」もチェックを外します「スクリプトのデバッグを無効にする（その他）」。
次に、デバッグしたい場所にデバッガーを追加します (


IE でページを開くと、デバッグのために VS2005 が自動的に呼び出されます。
通常どおり [はい] をクリックし、F10 または F11 を押します。

をデバッグする 現在 JavaScript プログラミングに取り組んでいる人、またはこれから取り組もうとしている人は誰でも、この魔法のようなものを使用して、非常に誇りに思うでしょう。
ツールを使用せずに、必要なほぼすべての機能を実現できます。
次に、この種のプログラミング スクリプトは、クエリ エラーやデバッグと呼ばれる場合に非常に面倒であることが、使用したことがある人ならわかるでしょう。

以下では、私自身の経験のいくつかを組み合わせていますが、もちろん、その一部はインターネットから得たものです。笑
1. アラート関数を使用します
この関数は、デバッグ中に最もよく使用され、そこに問題がある可能性があると思われる場合に、そこにローカル アラートを出力します。ははは。
2. エディターの構文ハイライト機能を使用する
スペルによっては誤りが発生する可能性があります。現在、構文ハイライト機能を備えたエディターを使用するのが良い方法です。文法 editplus、UltraEdit、Dreamweaver など、ハイライト機能を備えたエディタは数多くあります。コードを記述するときにキーワード (おそらく正確な予約語) のスペル ミスがある場合は、別の色で表示されます。
document.write("hello World!");
前の文の予約語にスペルミスがある場合は、色によってプロンプトが表示されます。
documents.write("hello World! "); 3. サイズの違いに注意してください
(HTML では大文字と小文字が区別されませんが、JS コードを HTML で直接記述すると、サイズが異なって見えることに注意してください)これには注意する必要があります)
この種のスクリプト言語では大文字と小文字が厳密に区別されます。スペルを間違えると、色が正しくなくなるだけでなく、メソッド エラーが発生し、実行できなくなります。実行を続行します。
4. ブラケットの組み合わせ
ここでのブラケットには一般的に使用されるブラケットとブラケットが含まれており、確認する際の重要なポイントです。
5. コードのインデント スタイルを厳密に実装する
これも非常に重要です。もちろん、これだけでこのスタイルを維持することはできません。時間を節約しましょう。
6. ブラウザを使用して実行およびデバッグする
実は、IE シリーズや FF など、どのブラウザにもエラーを表示する機能がありますが、気づいていないだけです。ここでは特に FF のデバッグ機能に注目してみましょう。
FF自体にはエラーコンソール機能があり、電源を入れるとエラーメッセージが表示されます。 もちろん、最も便利なのは Web Developer プラグインと FireBug プラグインです。これら 2 つのプラグインの使用方法に関する記事がたくさんあります。