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

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

{% hint style="success" %}
AWSハッキングを学び、実践する:<img src="/.gitbook/assets/arte.png" alt="" data-size="line">[**HackTricks Training AWS Red Team Expert (ARTE)**](https://training.hacktricks.xyz/courses/arte)<img src="/.gitbook/assets/arte.png" alt="" data-size="line">\
GCPハッキングを学び、実践する: <img src="/.gitbook/assets/grte.png" alt="" data-size="line">[**HackTricks Training GCP Red Team Expert (GRTE)**<img src="/.gitbook/assets/grte.png" alt="" data-size="line">](https://training.hacktricks.xyz/courses/grte)

<details>

<summary>HackTricksをサポートする</summary>

* [**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)を確認してください！
* **💬 [**Discordグループ**](https://discord.gg/hRep4RUj7f)または[**テレグラムグループ**](https://t.me/peass)に参加するか、**Twitter** 🐦 [**@hacktricks\_live**](https://twitter.com/hacktricks\_live)**をフォローしてください。**
* **[**HackTricks**](https://github.com/carlospolop/hacktricks)および[**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud)のGitHubリポジトリにPRを提出してハッキングトリックを共有してください。**

</details>
{% endhint %}

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

### `debugger;`

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

### オーバーライド

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

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

次に、「Dev Tools」 --> 「Sources」で**オーバーライドしたいファイルを選択し、右クリックして「Save for overrides」を選択します**。

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

これにより、**JSファイルがローカルにコピーされ**、**ブラウザ内でそのコピーを修正できるようになります**。したがって、**`debugger;`**コマンドを任意の場所に追加し、**変更を保存**して**ページを再読み込み**すると、毎回そのウェブページにアクセスするたびに**ローカルの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)

{% hint style="success" %}
AWSハッキングを学び、実践する:<img src="/.gitbook/assets/arte.png" alt="" data-size="line">[**HackTricks Training AWS Red Team Expert (ARTE)**](https://training.hacktricks.xyz/courses/arte)<img src="/.gitbook/assets/arte.png" alt="" data-size="line">\
GCPハッキングを学び、実践する: <img src="/.gitbook/assets/grte.png" alt="" data-size="line">[**HackTricks Training GCP Red Team Expert (GRTE)**<img src="/.gitbook/assets/grte.png" alt="" data-size="line">](https://training.hacktricks.xyz/courses/grte)

<details>

<summary>HackTricksをサポートする</summary>

* [**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)を確認してください！
* **💬 [**Discordグループ**](https://discord.gg/hRep4RUj7f)または[**テレグラムグループ**](https://t.me/peass)に参加するか、**Twitter** 🐦 [**@hacktricks\_live**](https://twitter.com/hacktricks\_live)**をフォローしてください。**
* **[**HackTricks**](https://github.com/carlospolop/hacktricks)および[**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud)のGitHubリポジトリにPRを提出してハッキングトリックを共有してください。**

</details>
{% endhint %}