# クライアントサイドJSのデバッグ
## クライアントサイドJSのデバッグ
htARTE(HackTricks AWS Red Team Expert)で**ゼロからヒーローまでAWSハッキングを学ぶ**
HackTricksをサポートする他の方法:
- **HackTricksで企業を宣伝**したい場合や**HackTricksをPDFでダウンロード**したい場合は、[**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)をチェックしてください!
- [**公式PEASS&HackTricksスウォッグ**](https://peass.creator-spring.com)を入手
- [**The PEASS Family**](https://opensea.io/collection/the-peass-family)を発見し、独占的な[**NFT**](https://opensea.io/collection/the-peass-family)のコレクションを見る
- **Discordグループ**に**参加**する💬(https://discord.gg/hRep4RUj7f)または[**Telegramグループ**](https://t.me/peass)に参加するか、**Twitter**🐦で**フォロー**する:[**@carlospolopm**](https://twitter.com/hacktricks\_live)。
- **HackTricks**(https://github.com/carlospolop/hacktricks)と[**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud)のGitHubリポジトリにPRを提出して、あなたのハッキングテクニックを共有してください。
クライアントサイドJSのデバッグは、URLを変更するたびに(使用されるパラメータやパラメータ値の変更を含む)、**ブレークポイントをリセットしてページをリロードする必要がある**ため、面倒です。
### `debugger;`
JSファイル内に`debugger;`という行を配置すると、**ブラウザ**がJSを実行するときに**その場所でデバッガーを停止**します。したがって、一定のブレークポイントを設定する方法の1つは、**すべてのファイルをローカルにダウンロードしてJSコード内でブレークポイントを設定する**ことです。
### オーバーライド
ブラウザのオーバーライドを使用すると、実行されるコードのローカルコピーを持ち、リモートサーバーからのコードの代わりにそれを実行できます。\
オーバーライドには、"Dev Tools" --> "Sources" --> "Overrides"から**アクセス**できます。
**オーバーライドに使用するためのローカルの空のフォルダを作成**する必要があります。つまり、新しいローカルフォルダを作成し、そのページでオーバーライドとして設定します。
次に、"Dev Tools" --> "Sources"で**オーバーライドするファイルを選択**し、**右クリックして「オーバーライド用に保存」を選択**します。
![](<../../.gitbook/assets/image (742).png>)
これにより、JSファイルが**ローカルにコピー**され、ブラウザでそのコピーを**変更**できるようになります。したがって、**`debugger;`**コマンドをどこにでも追加し、変更を**保存**してページを**リロード**すると、そのWebページにアクセスするたびに**ローカルJSコピーが読み込まれ**、デバッガーコマンドがその場所に保持されます。
![](<../../.gitbook/assets/image (594).png>)
## 参考文献
- [https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s](https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s)
htARTE(HackTricks AWS Red Team Expert)で**ゼロからヒーローまでAWSハッキングを学ぶ**
HackTricksをサポートする他の方法:
- **HackTricksで企業を宣伝**したい場合や**HackTricksをPDFでダウンロード**したい場合は、[**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)をチェックしてください!
- [**公式PEASS&HackTricksスウォッグ**](https://peass.creator-spring.com)を入手
- [**The PEASS Family**](https://opensea.io/collection/the-peass-family)を発見し、独占的な[**NFT**](https://opensea.io/collection/the-peass-family)のコレクションを見る
- **Discordグループ**に**参加**する💬(https://discord.gg/hRep4RUj7f)または[**Telegramグループ**](https://t.me/peass)に参加するか、**Twitter**🐦で**フォロー**する:[**@carlospolopm**](https://twitter.com/hacktricks\_live)。
- **HackTricks**(https://github.com/carlospolop/hacktricks)と[**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud)のGitHubリポジトリにPRを提出して、あなたのハッキングテクニックを共有してください。