关于 HTML5 LocalStorage 的 5 个不为人知的事实

关于HTML5 LocalStorage的5个不为人知的事实：

1. LocalStorage存储的数据只能存储字符串。如果你要存储对象，你需要将对象转换成字符串（通常使用JSON.stringify()）。同样地，当你读取数据时，你需要将字符串转换回对象（使用JSON.parse()）。

解决方案：

// 存储对象
var obj = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(obj));
 
// 读取对象
var user = JSON.parse(localStorage.getItem('user'));

2. LocalStorage的存储空间大小通常为5MB。虽然标准没有规定具体大小，但实际上大多数浏览器实现都遵循这个大小。

解决方案：无，这是LocalStorage的设计限制。如果你需要更大的存储空间，你可能需要考虑其他存储方案，如Web SQL Database或IndexedDB。

3. LocalStorage的信息会被同源窗口下的所有页面共享。

解决方案：无，这是LocalStorage设计的特性。如果你需要隔离数据，你可能需要考虑使用SessionStorage，它与LocalStorage类似，但数据只在当前会话中有效，并且在窗口关闭后会消失。

4. LocalStorage的信息不会在浏览器的新标签页中共享。但是，如果你在新标签页中打开了相同的URL，LocalStorage的信息将会被共享。

解决方案：无，这是浏览器的设计特性。如果你需要在新标签页中有不同的数据视图，你可能需要在数据存储时加入标签页的标识符。

5. LocalStorage的信息不会在页面刷新时保留。

解决方案：无，这是浏览器的正常行为。如果你需要在页面刷新后仍然能够访问LocalStorage的信息，你需要在页面加载时检查LocalStorage并恢复数据。

以上5点是关于HTML5 LocalStorage的不为人知的事实，但它们对于理解LocalStorage的特性和限制都非常重要。