Debugging Client Side JS

クライアントサイドJSのデバッグ

htARTE（HackTricks AWS Red Team Expert）で**ゼロからヒーローまでAWSハッキングを学ぶ**

HackTricksをサポートする他の方法：

• HackTricksで企業を宣伝したい場合やHackTricksをPDFでダウンロードしたい場合は、サブスクリプションプランをチェックしてください！

• 公式PEASS＆HackTricksスウォッグを入手

• The PEASS Familyを発見し、独占的なNFTのコレクションを見る

• Discordグループに参加する💬（https://discord.gg/hRep4RUj7f）またはTelegramグループに参加するか、Twitter🐦でフォローする：@carlospolopm。

• HackTricks（https://github.com/carlospolop/hacktricks）とHackTricks CloudのGitHubリポジトリにPRを提出して、あなたのハッキングテクニックを共有してください。

クライアントサイドJSのデバッグは、URLを変更するたびに（使用されるパラメータやパラメータ値の変更を含む）、ブレークポイントをリセットしてページをリロードする必要があるため、面倒です。

debugger;

JSファイル内にdebugger;という行を配置すると、ブラウザがJSを実行するときにその場所でデバッガーを停止します。したがって、一定のブレークポイントを設定する方法の1つは、すべてのファイルをローカルにダウンロードしてJSコード内でブレークポイントを設定することです。

オーバーライド

ブラウザのオーバーライドを使用すると、実行されるコードのローカルコピーを持ち、リモートサーバーからのコードの代わりにそれを実行できます。 オーバーライドには、"Dev Tools" --> "Sources" --> "Overrides"からアクセスできます。

オーバーライドに使用するためのローカルの空のフォルダを作成する必要があります。つまり、新しいローカルフォルダを作成し、そのページでオーバーライドとして設定します。

次に、"Dev Tools" --> "Sources"でオーバーライドするファイルを選択し、右クリックして「オーバーライド用に保存」を選択します。

これにより、JSファイルがローカルにコピーされ、ブラウザでそのコピーを変更できるようになります。したがって、debugger;コマンドをどこにでも追加し、変更を保存してページをリロードすると、そのWebページにアクセスするたびにローカルJSコピーが読み込まれ、デバッガーコマンドがその場所に保持されます。

参考文献

• https://www.youtube.com/watch?v=BW_-RCo9lo8&t=1529s

htARTE（HackTricks AWS Red Team Expert）で**ゼロからヒーローまでAWSハッキングを学ぶ**

HackTricksをサポートする他の方法：

• HackTricksで企業を宣伝したい場合やHackTricksをPDFでダウンロードしたい場合は、サブスクリプションプランをチェックしてください！

• 公式PEASS＆HackTricksスウォッグを入手

• The PEASS Familyを発見し、独占的なNFTのコレクションを見る

• Discordグループに参加する💬（https://discord.gg/hRep4RUj7f）またはTelegramグループに参加するか、Twitter🐦でフォローする：@carlospolopm。

• HackTricks（https://github.com/carlospolop/hacktricks）とHackTricks CloudのGitHubリポジトリにPRを提出して、あなたのハッキングテクニックを共有してください。