DOMベースの脆弱性診断マニュアル（DOM-based Vulnerabilities）

Hello there, ('ω')ノ

🎯 1. DOMベース脆弱性とは？

DOM-based 脆弱性は、WebページのJavaScriptがクライアントサイド（ブラウザ）で動的に生成したHTMLや挙動に、 ユーザ入力が不適切に反映されることによって発生する脆弱性です。

代表的なもの：DOM-based XSS、オープンリダイレクト、情報漏洩など

種類	説明	データ流れ
通常のXSS	サーバがHTML内にスクリプトを出力	リクエスト → サーバ → レスポンス
DOM-based XSS	JavaScriptがクライアント側でHTMLを変更	リクエスト → JS → DOM変更（サーバ関係なし）

種類	具体例	脆弱性内容
🧨 DOM-based XSS	`innerHTML`, `document.write`, `eval` など	スクリプト実行
🔁 オープンリダイレクト	`location.href = location.search` など	他サイトへの強制移動
📤 情報漏洩	URLフラグメントをそのまま表示	クレデンシャルやトークンが漏れる

API名	内容
`document.write()`	生のHTML挿入
`element.innerHTML`	スクリプトも挿入できてしまう
`eval()`, `setTimeout(string)`	任意コード実行
`location.href`, `location.hash`, `document.URL`	ユーザ入力由来であれば危険源
`window.name`	他ページからも値を渡せてしまう場合あり

ページのJavaScriptを調べる
- DevTools → Sources タブや Ctrl+F で innerHTML, document.write, location を検索
URLに入力を追加して挙動を観察：
- ?input=<script>alert(1)</script>
- #<img src=x onerror=alert(1)>
ページ表示後、JavaScriptがその値をDOMに挿入しているかを確認

https://example.com/page.html?name=<img src=x onerror=alert(1)>

// 脆弱なコード例
const name = new URLSearchParams(location.search).get("name");
document.getElementById("username").innerHTML = name;

→ ページ内に alert が出たら脆弱

https://example.com/page.html#<script>alert(1)</script>

document.body.innerHTML = location.hash;

→ <script> が実行される

const dest = new URLSearchParams(location.search).get("next");
location.href = dest;

→ ?next=https://evil.com を指定すると自動リダイレクト → ❌

対策	チェック内容
サニタイズ処理あり	`innerText`, `textContent` を使っている
属性に入れるときはエンコードされている	例：`setAttribute("src", user_input)` で適切に検証
JavaScriptでDOMを作る場合は `createElement` を使用	テキストノードは明示的に生成すること

キーワード	備考
`innerHTML`, `document.write`, `eval`	高リスク操作
`location.search`, `location.hash`	ユーザ制御可能な値
`input`, `textarea`, `a.href`, `img.src` に代入	出力先に注意
URLに含まれる値がページに即反映されている	脆弱性の兆候あり

Best regards, (^^ゞ