Chromeデバッガーに、コードを介して、またはなどのコメントタグを使用して、行を強制的に中断させたいconsole.break()
。
12 に答える
コード内で使用できdebugger;
ます。開発者コンソールが開いている場合、実行は中断されます。ファイアバグでも動作します。
、を使用して、が呼び出されたdebug(function)
ときに中断することもできます。function
ボタンクリックリスナーを設定し、debugger;
例
$("#myBtn").click(function() {
debugger;
});
デモ
JavaScriptでのデバッグに関するリソース
他の人がすでに言っdebugger;
たように、行く方法です。ブラウザのコマンドラインから関数呼び出しの直前にブレークポイントを設定および削除するために使用できる小さなスクリプトを作成しました:http:
//andrijac.github.io/blog/2014/01/31/javascript-breakpoint/
[スクリプト]タブで、コードがある場所に移動します。行番号の左側にあるをクリックします。これにより、ブレークポイントが設定されます。
スクリーンショット:
これで、右側のタブ内でブレークポイントを追跡できるようになります(スクリーンショットを参照)。
debugger
はEcmaScriptによって予約されたキーワードであり、ES5以降オプションのセマンティクスが与えられています
その結果、Chromeだけでなく、FirefoxやNode.jsでも使用できますnode debug myscript.js
。
標準は言う:
構文
DebuggerStatement : debugger ;
セマンティクス
DebuggerStatementの生成を評価すると、デバッガーで実行したときに実装がブレークポイントを発生させる可能性があります。デバッガーが存在しないかアクティブでない場合、このステートメントは観察可能な影響を及ぼしません。
本番のDebuggerStatement:デバッガー; 次のように評価されます。
- 実装定義のデバッグ機能が利用可能で有効になっている場合は、
- 実装定義のデバッグアクションを実行します。
- 結果を実装定義の完了値とします。
- そうしないと
- 結果を(通常、空、空)とします。
- 結果を返します。
ES6に変更はありません。
JavaScriptコードをデバッグする方法はたくさんあります。次の2つのアプローチは、コードを介してJavaScriptをデバッグするために広く使用されています
console.log()
ブラウザコンソールで値を出力するために使用します。(これは、コードの特定のポイントでの値を理解するのに役立ちます)デバッガキーワード。デバッグする場所に追加
debugger;
し、ブラウザーの開発者コンソールを開いて、[ソース]タブに移動します。
JavaScriptコードをデバッグするためのその他のツールと方法については、W3Schoolのこのリンクに記載されています。
それは可能であり、あなたがこれをしたいと思うかもしれない多くの理由があります。たとえば、ページの読み込みの開始に近いjavascriptの無限ループをデバッグすると、Chrome開発者ツールセット(またはFirebug)が正しく読み込まれなくなります。
のセクション2を参照してください
http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
または、必要なテストポイントで、デバッガーという単語を含む行をコードに追加します。
ブレークポイント:-
ブレークポイントは実行を停止し、JavaScript値を調べることができます。
値を調べた後、コードの実行を再開できます(通常は再生ボタンを使用)。
デバッガー:-
デバッガー; JavaScriptの実行を停止し、デバッグ関数を呼び出します。
デバッガーステートメントは実行を一時停止しますが、ファイルを閉じたり、変数をクリアしたりすることはありません。
Example:-
function checkBuggyStuff() {
debugger; // do buggy stuff to examine.
};
debug(functionName)
関数をデバッグするように設定することもできます。
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function
javascriptコードを一時的にフリーズし、永続的に停止しないため、javascriptコードをdebugger;
強制終了して停止する場合はお勧めしません。debugger;
コマンドでjavascriptコードを適切に強制終了して停止する場合は、次を使用します。
throw new Error("This error message appears because I placed it");
この要点Gitpre-commitフックは、merbプロジェクトから漂遊デバッガーステートメントを削除します
debugger
コミット中にブレークポイントを削除したい場合に役立つかもしれません