HTML5支持WebStorage，开发者可以为应用创建本地存储，存储一些有用的信息。例如LocalStorage可以长期存储，而且存放空间很大，一般是5M，极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。
一、WebStorage简介
HTML5支持WebStorage，开发者可以为应用创建本地存储，存储一些有用的信息。例如LocalStorage可以长期存储，而且存放空间很大，一般是5M，极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。
二、攻击方式
LocalStorage的API都是通过Javascript提供的，这样攻击者可以通过XSS攻击窃取信息，例如用户token或者资料。攻击者可以用下面的脚本遍历本地存储。
- 01.if(localStorage.length){
- 02. for(I in localStorage) {
- 03. console.log(i);
- 04. console.log(localStorage.getItem(i));
- 05. }
- 06.}
同时要提一句，LocalStorage并不是唯一暴露本地信息的方式。我们现在很多开发者有一个不好的习惯，为了方便，把很多关键信息放在全局变量里，例如用户名、密码、邮箱等等。数据不放在合适的作用域里会带来严重的安全问题，例如我们可以用下面的脚本遍历全局变量来获取信息。
- 01.for(iin window) {
- 02. obj=window[i];
- 03. if(obj!=null||obj!=undefined)
- 04. var type =typeof(obj);
- 05. if(type=="object"||type=="string") {
- 06. console.log(“Name:”+i);
- 07. try {
- 08. my = JSON.stringify(obj);
- 09. console.log(my);
- 10. } catch(ex) {}
- 11. }
- 12.}
三、攻击工具
HTML5dump的定义是“JavaScriptthat dump all HTML5 local storage”，它也能输出HTML5 SessionStorage、全局变量、LocalStorage和本地数据库存储。
四、防御之道
对于WebStorage攻击的防御措施是：
1、数据放在合适的作用域里
例如用户sessionID就不要用LocalStorage存储，而需要放在sessionStorage里。而用户数据不要储存在全局变量里，而应该放在临时变量或者局部变量里。
2、不要存储敏感的信息
因为我们总也无法知道页面上是否会存在一些安全性的问题，一定不要将重要的数据存储在WebStorage里。