为什么本地存储在页面刷新后也不能打开？

本地存储在页面刷新后也不能打开的原因是因为本地存储是基于浏览器的Web Storage API或者IndexedDB API实现的，而这些本地存储方式都是基于浏览器的会话（session）或者页面（page）的生命周期来存储数据的。当页面刷新时，会话或者页面会被重置，之前存储的数据也会被清空，因此无法再访问之前存储的数据。

Web Storage API提供了两种本地存储方式：localStorage和sessionStorage。localStorage是基于域名的，存储的数据在同一个域名下的不同页面之间是共享的，而sessionStorage是基于会话的，存储的数据在同一个页面的不同会话之间是共享的。无论是localStorage还是sessionStorage，当页面刷新时，存储的数据都会被清空。

IndexedDB API是一种更强大的本地存储方式，它提供了一个类似数据库的存储机制，可以存储大量结构化数据。IndexedDB的数据也是基于会话或者页面的生命周期来存储的，当页面刷新时，存储的数据也会被清空。

为了解决页面刷新后本地存储数据丢失的问题，可以考虑以下解决方案：

1. 在页面刷新之前，将需要存储的数据通过Ajax请求或者其他方式发送到服务器端进行持久化存储，然后在页面加载完成后再从服务器端获取数据。
2. 使用cookie来存储少量的数据，cookie可以设置过期时间，即使页面刷新后，仍然可以通过cookie获取之前存储的数据。
3. 使用URL参数来传递需要保留的数据，将数据以参数的形式附加在URL上，在页面刷新后可以通过解析URL参数获取之前的数据。

总结起来，本地存储在页面刷新后不能打开是因为本地存储是基于浏览器会话或者页面生命周期的，当页面刷新时，会话或者页面被重置，之前存储的数据也会被清空。为了解决这个问题，可以考虑将数据持久化到服务器端、使用cookie或者URL参数来传递数据。