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

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

<details>

<summary><strong>htARTE（HackTricks AWS Red Team Expert）</strong> <a href="https://training.hacktricks.xyz/courses/arte"><strong>を通じてゼロからヒーローまでAWSハッキングを学ぶ</strong></a><strong>！</strong></summary>

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を提出して、あなたのハッキングテクニックを共有してください。

</details>

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

### `debugger;`

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

### オーバーライド

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

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

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

![](<../../.gitbook/assets/image (649).png>)

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

![](<../../.gitbook/assets/image (648).png>)

## 参考文献

- [https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s](https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s)

<details>

<summary><strong>htARTE（HackTricks AWS Red Team Expert）</strong> <a href="https://training.hacktricks.xyz/courses/arte"><strong>を通じてゼロからヒーローまでAWSハッキングを学ぶ</strong></a><strong>！</strong></summary>

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を提出して、あなたのハッキングテクニックを共有してください。

</details>