Latest web development tutorials
×

JavaScript コース

JavaScript コース JavaScript 簡単な紹介 JavaScript 使用法 JavaScript 輸出 JavaScript 文法 JavaScript ステートメント JavaScript ノート JavaScript 変数 JavaScript データの種類 JavaScript オブジェクト JavaScript 関数 JavaScript スコープ JavaScript イベント JavaScript 文字列 JavaScript 演算子 JavaScript 比較します JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 型変換 JavaScript 正規表現 JavaScript エラー JavaScript デバッギング JavaScript 可変リフト JavaScript strictモード JavaScript 不適正使用 JavaScript フォーム認証 JavaScript 予約済みキーワード JavaScript JSON JavaScript void JavaScript コードの仕様

JS 関数

JavaScript 関数定義 JavaScript 関数の引数 JavaScript 関数呼び出し JavaScript クロージャ

JS HTML DOM

DOM 簡単な紹介 DOM HTML DOM CSS DOM イベント DOM EventListener DOM 要素

JS 応用チュートリアル

JavaScript オブジェクト JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp オブジェクト

JS ブラウザ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ポップ JavaScript 時間指定イベント JavaScript Cookies

JS 倉庫

JavaScript 倉庫 JavaScript テスト jQuery JavaScript テスト Prototype

JS 例

JavaScript 例 JavaScript Objectインスタンス JavaScript ブラウザのオブジェクトインスタンス JavaScript HTML DOM 例 JavaScript サマリー

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト

JavaScriptのデバッグ

JavaScriptを書くときに、場合何のデバッグツールは非常に痛みを伴うことはありません。


JavaScriptのデバッグ

デバッグツールは、JavaScriptプログラムを書くことは困難ではありません。

あなたのコードではありませんデバッグツールならば、これらのエラーを見つけるのはより困難である、構文エラー、論理エラーが含まれる可能性があります。

JavaScriptエラーが発生した場合、通常、そこにはプロンプトしないであろう、あなたはコード間違った場所を見つけることができません。

ノート 通常は、エラーが新しいJavaScriptコードのプロセスで発生書きます。

JavaScriptのデバッグツール

プログラムコード内のエラーを探して、デバッグと呼ばれています。

困難なデバッグが、幸い、多くのブラウザが内蔵されているデバッグツール。

内蔵デバッグツールを起動またはシャットダウンすることができ、重大なエラーメッセージがユーザーに送信されます。

デバッグツールでは、我々は、ブレークポイント(コード実行の停止位置)を設定することができ、そしてときに可変コードの実行を検出することができます。

対応ブラウザのデバッグツールは、一般的にF12キーを押し、[デバッグ]メニューの「コンソール」を選択します。


console.log()メソッド

ブラウザがデバッグをサポートしている場合は、デバッグウィンドウにはconsole.log()メソッドプリントJavaScriptの値を使用することができます。

<!DOCTYPE HTML>
<HTML>
<ボディ>

<H1>私の最初のWebページ</ H1>

<スクリプト>
= 5。
B = 6;
C = A + B;
console.log(c)前記
</スクリプト>

</ BODY>
</ HTML>

»をお試しください


ブレークポイントを設定

デバッグウィンドウでは、JavaScriptのコードブレークポイントを設定することができます。

各ブレークポイントでJavaScript私たちの変数の値を確認するために、JavaScriptコードの実行を停止します。

検査が終了したら、(このような再生ボタンなど)のコードを再実行することができます。


デバッガキーワード

デバッガのキーワードには、JavaScriptの実行を停止し、デバッガの機能を呼び出します。

このキーワードと効果は同じですが、デバッグツールにブレークポイントを設定します。

使用可能なデバッグがない場合、デバッガステートメントは機能しません。

オープンデバッガは、コードの実行は、三行目の前に停止されます。

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

»をお試しください


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

一般的に、ブラウザは、デバッグツールを有効にする一般的にF12キーを押し、[デバッグ]メニューの「コンソール」を選択しています。

各ブラウザは、次の手順を実行します。

Chromeブラウザ

  • お使いのブラウザを開きます。
  • メニューの[ツール]を選択します。
  • ツール開発者ツールを選択します。
  • 最後に、コンソールを選択します。

Firefoxブラウザ

  • お使いのブラウザを開きます。
  • ページにアクセスします。
    http://www.getfirebug.com。
  • 指示に従ってください:
    Firebugのをインストールします。

Internet Explorerブラウザ。

  • お使いのブラウザを開きます。
  • メニューの[ツール]を選択します。
  • ツール開発者ツールを選択します。
  • 最後に、コンソールを選択します。

オペラ

  • お使いのブラウザを開きます。
  • トンボ、詳細な説明のためのオペラの組み込みのデバッグツールページの訪問に見つけることができます:
    http://www.opera.com/dragonfly/。

サファリ

  • お使いのブラウザを開きます。
  • 右クリックして、要素を検証]を選択します。
  • ポップアップウィンドウの下部にある「コントロールパネル」を選択します。