JavaScriptをデバッグするための自分のオプションは何ですか？スタンドアローンファッションでは？

Question

JavaScriptを使って作業してきた問題は、スタンドアロンの方法で単純にデバッグしています。私は非常に基本的なJavaScriptファイルを1つだけの関数とその関数を呼び出しています。外部依存関係はありません。私はそれをデバッグしたいのですが、ブラウザをクラッシュさせ、Chrome Dev Toolsにアクセスすることもできない無限ループがあります...言い換えれば、F12を押すと、全体がロックされ、プロセスを終了する必要があります。

私はまた、別のタブから「スニペット」として実行してみましたが、これはうまくいきますが、理想的ではなく、完全にChrome Dev Toolsのインターフェイスはデバッグに奇妙に感じます...ユーザーは開発者ではなく、少なくともVisual Studioと比較して。

最後に、「node myfile.js」と入力してNode.jsを使用しようとしましたが、ノードは一時停止して何もしませんでした。その時点でVisual Studio Codeを入力して、Node.jsデバッギングシステムその中からプログラム属性を定義していないと言っていました...ここで単純なjsファイルをデバッグしようとしています。

これは問題です。デバッグの全体的なポイントは、何が起こっているのか把握できることです。基本的なJavaScriptファイルの実行/デバッグには他にどのようなオプションが必要ですか？ありがとうございました。 ）

1を無限ループを引き起こしているあなたのコードの重要な部分を削除します。

Answer 1

私はより良い選択肢がないために、これを行うだろう。ある部分がわからない場合は、ほとんどのコードを削除してください。

2）通常通りGoogle Chromeでコードを開きます。

3）ファイルまたは関数の先頭にDev Toolsでブレークポイントを設定します。

4）問題のあるコードをjavascriptファイルに追加して戻します。

5）Chromeでページをリロードします。

ブレークポイントは同じ行に表示されます。コードをステップバイステップでF10で移動できます。

Answer 2

debuggerキーワードを使用すると、javascriptの実行を停止してコードをデバッグできます。 しかし、無限ループを引き起こすコードを削除することを強くお勧めします。