Ext.js-ExtJSコードのデバッグ
JavaScriptコードは、を使用してデバッグできます alert() ボックスまたは console.log() またはデバッガーのデバッグポインターを使用します。
アラートボックス
フローまたは任意の変数値を確認するコードにアラートボックスを配置します。たとえば、alert( '表示するメッセージ' +変数);
開発/デバッグツール
デバッガーは、開発者が開発中にコードの問題とエラーをチェックするための最も重要なツールです。
Ext JSはJavaScriptフレームワークであるため、さまざまなブラウザーによって提供される、またはさまざまなブラウザーに固有の開発者ツールを使用して簡単にデバッグできます。すべての主要なブラウザには、JavaScriptコードのテストとデバッグに使用できる開発者ツールがあります。
人気のあるデバッガーは、IE用のIE開発ツール、Firefox用のfirebug、およびChromeブラウザー用のchrome開発ツールです。
ChromeデバッガーにはChromeブラウザーが付属していますが、Firefoxにはパッケージとして提供されていないため、firebugを特別にインストールする必要があります。
Firefoxブラウザ用のFirebugをインストールするためのリンクは次のとおりです http://getfirebug.com
Windows OSで開発ツールを開くためのショートカットは、F12キーボードキーです。
デバッガーでのJSコードのデバッグ
JavaScriptコードをデバッグする方法は2つあります。
最初の方法は、配置することです console.log() コードで、ログの値を確認します。ログの値は、開発ツールのコンソールに出力されます。
2番目の方法は、開発ツールでブレークポイントを使用することです。以下はそのプロセスです。
scriptタグの下にある利用可能なすべてのスクリプトでファイルを開きます。
次に、デバッグする行にブレークポイントを設定します。
ブラウザでアプリケーションを実行します。
これで、コードフローがこの行に到達するたびに、コードがブレークされ、ユーザーがキーF6(コードの次の行に移動)、F7(関数内に移動)、またはF8(移動)でコードを実行するまでそこに留まります。デバッグするフローに基づいて、次のブレークポイントに移動するか、ブレークポイントがない場合はコードを実行します。
値を表示する変数または関数を選択できます。
コンソールを使用して、値を確認したり、ブラウザ自体の変更を確認したりできます。