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

☁️ HackTricks Cloud ☁️ -🐦 Twitter 🐦 - 🎙️ Twitch 🎙️ - 🎥 Youtube 🎥

あなたはサイバーセキュリティ会社で働いていますか？ HackTricksであなたの会社を宣伝したいですか？または、PEASSの最新バージョンにアクセスしたり、HackTricksをPDFでダウンロードしたいですか？SUBSCRIPTION PLANSをチェックしてください！
The PEASS Familyを発見しましょう、私たちの独占的なNFTのコレクション
公式のPEASS＆HackTricksのグッズを手に入れましょう
💬 Discordグループまたはテレグラムグループに参加するか、Twitterで私をフォローしてください🐦@carlospolopm.
ハッキングのトリックを共有するには、PRを提出して hacktricks repo と hacktricks-cloud repo に参加してください。

クライアントサイド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

☁️ HackTricks Cloud ☁️ -🐦 Twitter 🐦 - 🎙️ Twitch 🎙️ - 🎥 Youtube 🎥

あなたはサイバーセキュリティ会社で働いていますか？ HackTricksであなたの会社を宣伝したいですか？または、PEASSの最新バージョンにアクセスしたり、HackTricksをPDFでダウンロードしたいですか？SUBSCRIPTION PLANSをチェックしてください！
The PEASS Familyを発見しましょう、私たちの独占的なNFTのコレクション
公式のPEASS＆HackTricksのグッズを手に入れましょう
💬 Discordグループまたはテレグラムグループに参加するか、Twitterで私をフォローしてください🐦@carlospolopm.
ハッキングのトリックを共有するには、PRを提出して hacktricks repo と hacktricks-cloud repo に参加してください。

5.8 KiB Raw Blame History Unescape Escape

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