H5中web存储测试遇到的问题

      连续好几天的校招，跑的精疲力尽，最近停下来恶补基础知识。在看H5 webStorage这部分时，自己动手写了个小页面测试了下，发现很多问题。

      从本地硬盘打开使用了web存储的页面后，出现的结果真是让宝宝醉了。IE好像不支持这个h5的API了，访问本地存储的js代码全部报错，可是在测试之前，我曾经看过我的浏览器都是支持web存储的，Firefox虽然没有报错，但是getItem和setItem完全没有执行，只有Google可以使用。很郁闷，不明白为什么。网上搜，没找到答案，可能是我搜索的姿势不对。网上大家都是讲这个API怎么用的，测试都用的chrome浏览器。

     最后在某个英文网站上看到了有人提到过这个问题。问题的根源是浏览器是要限制web存储的的空间的大小的，每个网站的存储上限是5MB，为达到这一限制，就必须把每个使用本地存储的页面与一个网站关联起来。他给的结果是从服务器打开页面，果然，各大浏览器都可以正确使用webstorage了。