HTML5本地存储的一些开发注意事项

Webkit和firefox的调试工具，在进行开发工作的时候，会有很多需要注意的细节，在这里向大家介绍一些心得。

注意事项：

1、调试sessionStorage和localStorage尽量选用Webkit浏览器进行调试，因为他们自带的调试工具有资源管理选项，不仅可以看到这两项本地数据，还可以看到WebSql、cookie等，比较直观可靠。

如果使用Firefox会有些麻烦，Firebug本地数据只能用firebug在DOM里面查找，或者安装Html5 localStorage Explorer插件。而IE就更不用想了，因为IE9以下版本几本不支持Html5。

2、在调试sessionStorage的时候，关掉窗口就会使sessionStorage失效，先打开一个窗口存储sessionStorage，然后在新开窗口读取sessionStorage是读取不到的。

3、在调试localStorage的时候，关掉窗口localStorage不会失效，先打开一个窗口存储localStorage，然后在新开窗口读取localStorage是可以成功的，而且可以通过建立监听器来捕捉key的value值变化。

4、在存储localStorage后，刷新webkit调试工具自带的资源管理器是看不到key和value的，需要用脚本主动读取一次才可预览本地数据。

5、虽然Webkit自带的调试工具可以直接看到WebSql数据库，但当数据过多时最好不要点击，因为他会让浏览器直接卡死，所以当数据比较多时最好还是用SQlite工具打开数据库查看比较好。

6、sessionStorage和localStorage的value值只接受字符串和数据，如果想存储比较多的信息可使用JSON字符串，这就需要用到json2.js工具，可以在json官网下载到。