localstorage怎么用

localStorage是HTML5提供的客户端存储数据的新方法，

工具/原料

一个不太古老的浏览器（ie8以上）

兼容性

1、在caniuse上查询发现localStorage可以支持所有主流浏览器，大部分项楫默礤鲼目可以放心使用，如果要兼容ie6，ie7，可以自己封装一个localStorage对象，用userData实现。

在浏览器控制台查看

1、在浏览器控制台的Resource标签可以看到当前页面的所有localStorage数据。

2、双击或者点右键可以对右边的数据中的key或者value进行编辑。

3、点右键或者左下方都可以对一条数据进行删除。

Map式的存取

1、就像使用Map一样，存储setItem，取值与更新getItem，删除removeItem

对象式的存取

1、就像使用一个普通的js对象一样，可以直接对对象的属性进行设置，只不过比起来普通js对象，它是持久的。

只能存取字符串

1、当你存一条数据时使用的值不是字符串，不会韫蛛泌尾报错，但是浏览器会使用toString方法把你要储存的对象转换为字符串。比如一个对象转化为无法还原的“[object Object]”。

2、解决办法是在存取时分别使用JSON.stringify与JSON.parse方法