HTML5Web存储标准允许网站存储大量数据，但存在滥用风险。主流浏览器如Chrome、Safari和IE尚未完全遵循W3C关于限制子域名存储的规定，导致理论上可无限存储。原文作者提供了概念验证Demo并呼吁修复。
HTML5 Web存储标准是设计为让站点可以存储比Cookie（4KB）大的多的数据（比如5-10MB）来制定的。现在，localStorage已经发展的非常不错，在所有现代浏览器中都得到了支持（Chrome, Firefox 3.5+, Safari 4+, IE 8+，等等）。
\然而，纵使Chrome的版本号已经逼近30，IE也已然发布了他的第十代产品，这个标准却仍未完美。国外网友Feross Aboukhadijeh在他的个人博客上，发布了一个搞怪的API——HTML5 Hard Disk Filler™。通过这个API，他想告诉大家，其实这项功能在主流浏览器中还有着非常明显的问题。
\W3C标准早就预料到，可能会有网站可能会滥Web存储特性。在标准里，W3C建议浏览器为每个域设置一个存储空间上限。所以，实际情况是这个样子的：
\- Chrome中的每个域可以使用2.5 MB\
- Mozilla Firefox和Opera中的每个域可以使用5 MB\
- Internet Explorer中的每个域可以使用10 MB\
但是，如果站长们比较聪明，使用了很多诸如1.filldisk.com、2.filldisk.com、3.filldisk.com这样的子域名会怎么样？每个子域名都会有5MB的存储空间吗？W3C标准表示这是不可以的：
\\\User agents应该阻止站点通过附属网站的形式来存储数据，比如通过使用a1.example.com、a2.example.com、a3.example.com这样的子域名来绕过主域名的存储限制。
\通常来讲，我们建议给予一个强制的5MB存储限制。
\
然而，Chrome、Safari，和IE目前还没有实现这些诸如对“附属站点”进行存储限制的功能。所以，那些聪明的网站，比如FillDisk.com，实际上可以通过这个方式，在每个访问用户的电脑上获得几乎无限的存储空间。
\一个概念证明的demo
\原文作者提供了一个漂亮的demo：FillDisk.com 来作为证明此概念的demo。并且他还将这个demo开源在了GitHub上。
\这个demo的特性有：
\- 充满Chrome、Safari（iOS与桌面版本）和IE用户的硬盘；\
- 在装配有SSD的Macbook Pro Retina上，占领1GB只需要16秒；\
- Chrome25、Safari6、IE10测试通过；\
- 在像Chrome这样的32-bit的浏览器下，硬盘充满之前浏览器就会先被搞崩溃；\
- Firefox测试失败，因为Firefox完美实现了localStorage的标准；\
- 还提供了一个清除磁盘占用空间的按钮。\
各位不妨一试。
\如何修正这个Bug？
\作者在天才般的搞怪结束之后，变得正经起来，给出了Google和Apple的bug report链接：
\但是他也表示，IE怎么办呢？因为IE的bug report页面坏掉了。
\原文中有很多有趣的浏览，感兴趣的读者可以移步至英文原文。当然，也欢迎大家对此Bug以及这位国外友人的曝Bug方式在此留言讨论。
扫一扫
1097
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
