点击劫持(Clickjacking)

点击劫持简介

点击劫持是一种欺骗性攻击,攻击者通过将一个不可见或伪装的iframe覆盖在一个网页上,是一种视觉上的欺骗手段

攻击者诱惑用户在该网页上进行操作,在用户不知情的情况下点击透明的iframe页面
从而使受害者无意中执行了攻击者希望的操作

示例(简HTML CSS,拟)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Clickjacking Example</title>
<style>
  .clickjack-layer {
      position: absolute;
          top: 0;
          left: 0;
         width: 100%;
          height: 100%;
          background-color: rgba(0,0,0,0);
          z-index: 1000;
     }
     .fake-button {
         display: block;
         width: 200px;
         height: 50px;
         margin: 100px auto;
          background-color: #f00;
          text-align: center;
          line-height: 50px;
          color: #fff;
          font-size: 16px;
          cursor: pointer;
     }
</style>
</head>
<body>
<div class="fake-button">Click Me!</div>
<iframe id="clickjack-iframe" src="http://target.example.com" class="clickjack-layer" frameborder="0"></iframe>
</body>
</html>

HTML结构

div class="fake-button":这是一个吸引用户点击的按钮
iframe src="http://target.example.com"class="clickjack-layer"frameborder="0": 这是嵌套的iframe
class="clickjack-layer"设置了透明背景,并使它覆盖整个页面

CSS样式

clickjack-layer:设置了透明背景和绝对定位,使得iframe覆盖在整个页面之上
fake-button:定义了按钮的样式。

防御

X-Frame-Options头部

设置HTTP响应头 X-Frame-OptionsDENYSAMEORIGIN来阻止或限制页面被嵌入到iframe

Content Security Policy (CSP)

使用CSP指令frame-ancestors来更精细地控制哪
些源可以嵌入你的页面

Content-Security-Policy: frame-ancestors 'self';
JavaScript检测

使JavaScript来检查是否在iframe中运行,并如果检测到这种情况,则可以重新定向或显示警告信息

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值