码迷,mamicode.com
首页 > 其他好文 > 详细

你的前端网络安全吗?解密点击劫持

时间:2021-03-16 13:57:00      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:ash   隐私   src   system   pen   原版   asp   总结   没有   

本期小编给大家分享有些实战很有必要的防范小常识,事情虽然比较小,但是往往被大家所忽视的问题,并分享给大家.

今天主要给大家聊聊网络劫持的那些事儿,网络劫持,搞网络安全的童鞋应该不陌生了,但前端的小伙伴就可要当心了哦!

技术图片

 

大家常见的可能都是些专业级别的操作,如:运营商劫持,DNS劫持,HTTP劫持等,今天主要还是给大家讲一下前端劫持,点击劫持,很多童鞋对这个专业名词可能比较陌生,但实际中最常见.

 

我们先看一下概念吧,在百度上对于点击劫持有这么一段话来描述:”点击劫持被称为Clickjacking的安全威胁,原本要在OWASPNYCAppSec2008大会上公布,但包括Adobe在内的厂商请求暂时不要公开这个漏洞,直到他们开发出安全补丁。

发现这个漏洞的是两个安全研究专家,Robert Hansen 与 Jeremiah Grossman,他们已经略透露了一点相关信息以显示该安全威胁的严重性。”

 

简而言之,点击劫持,只是一种从视觉上欺骗使用者的手段,大致分为两种方式.

方式一: 使用透明的iframe来覆盖网页,让用户操作

方式二: 使用图像来伪装

技术图片

 

简单的示例如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

 

<style>

html,body,iframe{

display: block;

position:absolute;

width: 100%;

height: 100%;

margin: 0;

padding:0;

left:0;

right:0;

top:0;

bottom:0;

}

iframe{

opacity:20;

filter:alpha(opacity=20); /* IE */

-moz-opacity:0.2; /* Moz + FF */

opacity: 0.2; /* 支持CSS3的浏览器(FF 1.5也支持)*/

position:absolute;

z-index:2;

}

button{

position: absolute;

left:50%;

top:50%;

z-index: 1;

}

</style>

</head>

<body>

这是一个美女,大家先到先得!

<button>点击查看详情</button>

<iframe src="http://www.baidu.com" frameborder="0"></iframe>

</body>

</html>

原版效果如下图:

技术图片

 

以下为特定场景中的iframe框架效果,当前也可以使用其它标签来实现功能,想一想如果我再把图中的透明度设置为0,很多非法操作,是不是就很可能实现呢!?真是想一想都后怕.

 

技术图片

 

总结: 当然以上内容本质上还只是一些大家没有太注意到的UI层覆盖问题,只是实现的手段不一样而己,类似的东西还有以下操作:

 

Flash点击劫持,操作本机摄像头等

图片覆盖攻击(XSIO)

拖拽劫持,主要是用于数据窃取

触屏劫持(TapJacking)

 

以上方式给上网用户带来了很多安全隐患,导致个人隐私泄露,各种帐号丢失,甚至还可以导致转帐问题,当然这些问题,也有对应的解决方案

 

防御方案:

 

X-FRAME-OPTIONS是目前最可靠的方法。X-FRAME-OPTIONS是微软提出的一个http头,专门用来防御利用iframe嵌套的点击劫持×××。并且在IE8、Firefox3.6、Chrome4以上的版本均能很好的支持。

 

这个头有三个值:

 

DENY // 拒绝任何域加载

SAMEORIGIN / / 允许同源域下加载

ALLOW-FROM // 可以定义允许frame加载的页面地址

 

PHP代码:

 

header(‘X-Frame-Options:Deny‘);

header(‘X-Frame-Options:SAMEORIGIN);

 

配置 Apache

 

配置 Apache 在所有页面上发送 X-Frame-Options 响应头,需要把下面这行添加到 ‘site‘ 的配置中:

Header always append X-Frame-Options SAMEORIGIN

 

配置 nginx

 

配置 nginx 发送 X-Frame-Options 响应头,把下面这行添加到 ‘http‘, ‘server‘ 或者 ‘location‘ 的配置中:

add_header X-Frame-Options SAMEORIGIN;

 

 

配置 IIS

 

配置 IIS 发送 X-Frame-Options 响应头,添加下面的配置到 Web.config 文件中:

<system.webServer>

<httpProtocol>

<customHeaders>

<add name="X-Frame-Options" value="SAMEORIGIN" />

</customHeaders>

</httpProtocol>

</system.webServer>

 

【免责声明:本文图片及文字信息均由千锋重庆web培训小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

你的前端网络安全吗?解密点击劫持

标签:ash   隐私   src   system   pen   原版   asp   总结   没有   

原文地址:https://www.cnblogs.com/cqqfboy/p/14535499.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!