F12 firefoxを使用してカスタムjavascriptファイルにデバッグしてブレークポイントを追加できません

Question

デバッグとテストを行いたいJavaScriptファイルがありますので、いくつかのブレークポイントを追加します。今私はそれがFirefox F12ツールを使用して行うことができることをお読みください。私は以下のステップを実行しました： -

1. 私は自分のアプリケーションに移動します。
2. F12をクリックします。
3. "Debugger"タブの下に、ブレークポイントを追加する機能がロードされているすべてのスクリプトが表示されます。

カスタムJavaScriptを記述してブレークポイントを追加する方法が見つかりません。これは可能ですか？またはJavaScriptをデバッグするために既にページ内にロードする必要がありますか？

おかげ

Answer 1

ちょうどあなたのコンソールを開き、あなたの文の一つとしてdebuggerを使用すると、デバッガが停止します。私はFirefoxのF12ツールを開いた場合

(function(){ 
    var x = 1; 
    debugger; 
    console.log(x); 
})() 

Answer 2

つの関連するポイント：

「あなたはあなたのJavaScriptコードのどこにでもdebugger;文を置くことができJSインタプリタは、その行に達すると、それはあなたが変数を検査することができ、スクリプトの実行を停止します。コードをステップ実行してください。

コンピュータ

でスクリプトを実行すると、通常はこれを行うにはローカルのApacheサーバーを実行する必要があります。

もう1つのオプションは、node.jsでスクリプトを実行する方法です。あなたにはたくさんのデバッグオプションがあります。

ここでは、ノード（バグクリニックと呼ばれる）のデバッグに関する優秀チュートリアルを得た：

https://nodeschool.io/#workshoppers