1. ホーム
  2. javascript

[解決済み] Chrome JavaScript デバッグ - ページ更新またはコードによるブレークの間にブレークポイントを保存する方法?

2023-06-13 08:35:46

質問

Chrome と JavaScript デバッガーを使用しているとき、ページやスクリプトを再読み込みするたびに、ブレークポイントが失われ、ポップアップでスクリプト ファイルを探し、ブレーク ポイントのコード行を見つけ、クリックして追加するなどの作業をしなければなりません。

ページを更新した後でもブレークするように、これらのブレーク ポイントを保存する方法はありますか (私が使用した他のデバッガーはこれを行います)。

代わりに、私の JavaScript コードで、トレースを開始する (行で一時停止する) ことをクロームに伝えるために何かを入力できる、きれいな方法はありますか?

どのように解決するのですか?

を付けることができます。

debugger;

は、ほとんどのJavaScript環境で壊れます。それらは確実に持続します。本番環境では、デバッガやconsole.logの呼び出しを取り除くミニファイアがあると良いですね、これらを使っている場合です。

最近のバージョンの Chrome ブラウザーでは、コンソール パネルの上部、フィルターの横に "ログの保存" オプションがあります。古いバージョンでは、空のコンソール ウィンドウを右クリックすると、そのオプション ("Preserve log upon navigation") が表示されます。console.log ステートメントやハードコードされたデバッガー呼び出しがない場合に便利です。

update: github にある チムニー これは、ファイルを取って、すべてのconsole.logの呼び出しを削除するものです。