ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
**一、WebStorage简介**       HTML5支持WebStorage,开发者可以为应用创建本地存储,存储一些有用的信息。例如LocalStorage可以长期存储,而且存放空间很大,一般是5M,极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。 **二、攻击方式**       LocalStorage的API都是通过Javascript提供的,这样攻击者可以通过XSS攻击窃取信息,例如用户token或者资料。攻击者可以用下面的脚本遍历本地存储。 ~~~ if(localStorage.length){ for(I in localStorage) { console.log(i); console.log(localStorage.getItem(i)); } } ~~~       同时要提一句,LocalStorage并不是唯一暴露本地信息的方式。我们现在很多开发者有一个不好的习惯,为了方便,把很多关键信息放在全局变量里,例如用户名、密码、邮箱等等。数据不放在合适的作用域里会带来严重的安全问题,例如我们可以用下面的脚本遍历全局变量来获取信息。 ~~~ for(iin window) { obj=window[i]; if(obj!=null||obj!=undefined) var type =typeof(obj); if(type=="object"||type=="string") { console.log(“Name:”+i); try { my = JSON.stringify(obj); console.log(my); } catch(ex) {} } } ~~~ **三、攻击工具**       [HTML5dump](http://code.google.com/p/html5dump/)的定义是“JavaScriptthat dump all HTML5 local storage”,它也能输出HTML5 SessionStorage、全局变量、LocalStorage和本地数据库存储。 ![](https://box.kancloud.cn/2016-08-09_57a9aa53868b6.jpg) **四、防御之道**       对于WebStorage攻击的防御措施是:       1、数据放在合适的作用域里       例如用户sessionID就不要用LocalStorage存储,而需要放在sessionStorage里。而用户数据不要储存在全局变量里,而应该放在临时变量或者局部变量里。       2、不要存储敏感的信息       因为我们总也无法知道页面上是否会存在一些安全性的问题,一定不要将重要的数据存储在WebStorage里。     原创文章,转载请注明:来自[蒋宇捷的博客](http://blog.csdn.net/hfahe)