JavaScriptのデバッグ
JavaScriptを書くときに、場合何のデバッグツールは非常に痛みを伴うことはありません。
JavaScriptのデバッグ
デバッグツールは、JavaScriptプログラムを書くことは困難ではありません。
あなたのコードではありませんデバッグツールならば、これらのエラーを見つけるのはより困難である、構文エラー、論理エラーが含まれる可能性があります。
JavaScriptエラーが発生した場合、通常、そこにはプロンプトしないであろう、あなたはコード間違った場所を見つけることができません。
通常は、エラーが新しいJavaScriptコードのプロセスで発生書きます。 |
JavaScriptのデバッグツール
プログラムコード内のエラーを探して、デバッグと呼ばれています。
困難なデバッグが、幸い、多くのブラウザが内蔵されているデバッグツール。
内蔵デバッグツールを起動またはシャットダウンすることができ、重大なエラーメッセージがユーザーに送信されます。
デバッグツールでは、我々は、ブレークポイント(コード実行の停止位置)を設定することができ、そしてときに可変コードの実行を検出することができます。
対応ブラウザのデバッグツールは、一般的にF12キーを押し、[デバッグ]メニューの「コンソール」を選択します。
console.log()メソッド
ブラウザがデバッグをサポートしている場合は、デバッグウィンドウにはconsole.log()メソッドプリントJavaScriptの値を使用することができます。
例
<HTML>
<ボディ>
<H1>私の最初のWebページ</ H1>
<スクリプト>
= 5。
B = 6;
C = A + B;
console.log(c)前記
</スクリプト>
</ BODY>
</ HTML>
»をお試しください
ブレークポイントを設定
デバッグウィンドウでは、JavaScriptのコードブレークポイントを設定することができます。
各ブレークポイントでJavaScript私たちの変数の値を確認するために、JavaScriptコードの実行を停止します。
検査が終了したら、(このような再生ボタンなど)のコードを再実行することができます。
デバッガキーワード
デバッガのキーワードには、JavaScriptの実行を停止し、デバッガの機能を呼び出します。
このキーワードと効果は同じですが、デバッグツールにブレークポイントを設定します。
使用可能なデバッグがない場合、デバッガステートメントは機能しません。
オープンデバッガは、コードの実行は、三行目の前に停止されます。
メインのブラウザデバッグツール
一般的に、ブラウザは、デバッグツールを有効にする一般的にF12キーを押し、[デバッグ]メニューの「コンソール」を選択しています。
各ブラウザは、次の手順を実行します。
Chromeブラウザ
- お使いのブラウザを開きます。
- メニューの[ツール]を選択します。
- ツール開発者ツールを選択します。
- 最後に、コンソールを選択します。
Firefoxブラウザ
- お使いのブラウザを開きます。
- ページにアクセスします。
http://www.getfirebug.com。 - 指示に従ってください:
Firebugのをインストールします。
Internet Explorerブラウザ。
- お使いのブラウザを開きます。
- メニューの[ツール]を選択します。
- ツール開発者ツールを選択します。
- 最後に、コンソールを選択します。
オペラ
- お使いのブラウザを開きます。
- トンボ、詳細な説明のためのオペラの組み込みのデバッグツールページの訪問に見つけることができます:
http://www.opera.com/dragonfly/。
サファリ
- お使いのブラウザを開きます。
- 右クリックして、要素を検証]を選択します。
- ポップアップウィンドウの下部にある「コントロールパネル」を選択します。