JavaScriptのデバッグ手法

 

JavaScriptのデバッグ

プログラミングコードは、構文エラーまたは論理エラーが含まれていてもよいです。これらのエラーの多くは診断が難しいです。プログラミングコードにエラーが含まれている場合、一般的に、何も起こりません。エラーメッセージは、あなたがどこエラーを検索することがないではないでしょう。エラーコードのデバッグと呼ばれるプログラミングコード(および修正)で検索します。デバッグは容易ではありません。しかし、幸いなことに、すべての最新ブラウザは内蔵されているJavaScriptデバッガ。あなたは、ユーザーにエラーレポートを強制する組み込みのデバッガを開閉することができます。デバッガを使用して、あなたはまた、(ロケーション・コードの実行を停止する場合があります)ブレークポイントを設定し、コードの実行中に変数を調べることができます。一般的に、操作に応じて、ブラウザでデバッガを起動すると、「コンソール(コンソール)」デバッガのメニューを選択するには、このページの下部、およびF12を繰り返します。

 

console.log()メソッド

お使いのブラウザがデバッグをサポートしている場合は、使用することができます にconsole.log()を JavaScriptデバッガウィンドウで値を表示するには:
<!DOCTYPE HTML> 
<HTML> 
<BODY> 
<H1>私の最初のウェブページ</ H1> 
<スクリプト> 
A = 5; 
B = 6。
C = A + B。
console.log(C); 
</スクリプト> 
</ BODY> 
</ HTML>

  

ブレークポイントを設定

デバッガウィンドウでは、JavaScriptコードにブレークポイントを設定することができます。各ブレークポイントで、JavaScriptの実行が停止し、あなたがJavaScriptの値をチェックできるようになります。あなたは、コード(通常は再生ボタン)を実行し続けることができた値をチェックした後。

デバッガキーワード

デバッガの キーワードには、JavaScriptの実行を停止し、コール(利用可能な場合)のデバッグ。これは、デバッガの機能で同じセットブレークポイントです。使用可能なデバッグがない場合、デバッガステートメントが無効です。デバッガを開いた後、このコードは三行目を実行する前に実行を停止します。
 
VARのx = 15 * 5。
デバッガ; 
document.getElementById( "デモ")のinnerHTML = X。

 

メインのブラウザデバッグツール

よりJavaScriptを学びます

 
 

おすすめ

転載: www.cnblogs.com/jc2182/p/11669547.html