web-dev-qa-db-ja.com

ChromeまたはSafariで縮小されたJS関数にブレークポイントを設定する方法は？

ChromeまたはSafari JavaScriptデバッガーの「Cart.add」関数にブレークポイントを設定したいと思います。問題は、この関数は大きな縮小JSファイルで定義されており、 tはそれ自体で1行に存在します。

一部のドキュメントでは、WebKitベースのデバッガーはデバッグコンソールで「break」または「debug」コマンドをサポートしていますが、新しいバージョンのデバッガーでは機能しないようです。

JSファイルのlineにブレークポイントを設定しても、その行には多くの関数があるため機能しません。

助言がありますか？

javascriptdebugginggoogle-chromesafariwebkit
59
Blake Scholl

Chrome Scriptsタブを開いたときに、下部にある{ }ボタン（ "きれいな印刷"）]をクリックして、選択したファイルをプリティファイできます。行を更新してブレークポイントを設定すると、コードはページの更新後もブレークポイントが設定されたままになります。

156
serg

debuggerステートメント はおそらくあなたが探しているものです。

DebuggerStatementプロダクションを評価すると、デバッガーの下で実行されたときに実装がブレークポイントを引き起こす可能性があります。デバッガーが存在しないかアクティブでない場合、このステートメントは目に見える効果はありません。

プロダクションDebuggerStatement：debugger ;は次のように評価されます。

  1. 実装定義のデバッグ機能が利用可能で有効になっている場合、

    a。実装定義のデバッグアクションを実行します。

    b。 resultを実装定義の完了値とします。

  2. Else

    a。結果を（通常、空、空）にします。

  3. 結果を返します。

breakステートメントは、ループとswitchステートメントを終了するためのものであり、デバッグとは関係ありません。

本当の解決策は、最初からコードを盗聴しないことです:)

5
Mike Samuel