ChromeのコードからJavaScriptブレークポイントを設定する方法

コードを介して、またはのようなコメントタグを使用して、Chromeデバッガーに強制的に改行させたいと思いますconsole.break()。

debugger;コード内で使用できます。開発者コンソールが開いている場合、実行は中断します。Firebugでも動作します。

ボタンクリックリスナーを設定し、 debugger;

例

$("#myBtn").click(function() {
 debugger;   
});

デモ

http://jsfiddle.net/hBCH5/

JavaScriptでのデバッグに関するリソース

• http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
• http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

を使用してdebug(function)、functionが呼び出されたときに中断することもできます。

コマンドラインAPIリファレンス：デバッグ

他の人がすでに言っ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：デバッガー 次のように評価されます。

1. 実装定義のデバッグ機能が利用可能で有効になっている場合、
   1. 実装定義のデバッグアクションを実行します。
   2. 結果を実装定義の完了値とします。
2. そうしないと
   1. 結果を（通常、空、空）にします。
3. 結果を返します。

ES6に変更はありません。

それは可能であり、あなたがこれをしたいと思うかもしれない多くの理由があります。たとえば、ページの読み込みの開始近くで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コードをデバッグするには多くの方法があります。次の2つのアプローチは、コードを介してJavaScriptをデバッグするために広く使用されています

1. を使用console.log()して、ブラウザコンソールに値を出力します。（これは、コードの特定のポイントでの値を理解するのに役立ちます）

2. デバッガキーワード。debugger;デバッグする場所に追加して、ブラウザーの開発者コンソールを開き、[ソース]タブに移動します。

JavaScriptコードをデバッグするその他のツールと方法については、このリンクでW3Schoolから提供されています。

debugger;JavaScriptコードをdebugger;一時的に停止して永続的に停止しないため、JavaScriptコードを強制終了して停止するだけの場合はお勧めしません。

コマンドでjavascriptコードを適切に強制終了および停止する場合は、以下を使用します。

throw new Error("This error message appears because I placed it");