hacktricks/pentesting-web/xss-cross-site-scripting/debugging-client-side-js.md

56 lines
4.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# クライアントサイドJSのデバッグ
## クライアントサイドJSのデバッグ
<details>
<summary><strong>htARTEHackTricks AWS Red Team Expert</strong>で**ゼロからヒーローまでAWSハッキングを学ぶ**</summary>
HackTricksをサポートする他の方法
- **HackTricksで企業を宣伝**したい場合や**HackTricksをPDFでダウンロード**したい場合は、[**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)をチェックしてください!
- [**公式PEASSHackTricksスウォッグ**](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 (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)
<details>
<summary><strong>htARTEHackTricks AWS Red Team Expert</strong>で**ゼロからヒーローまでAWSハッキングを学ぶ**</summary>
HackTricksをサポートする他の方法
- **HackTricksで企業を宣伝**したい場合や**HackTricksをPDFでダウンロード**したい場合は、[**サブスクリプションプラン**](https://github.com/sponsors/carlospolop)をチェックしてください!
- [**公式PEASSHackTricksスウォッグ**](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>