核心知识
浏览器状态持久化
localStorage 可跨刷新保存少量字符串数据,按来源隔离;用户清理数据后可能丢失。
- 键和值都是字符串
- JSON 可序列化简单数据
- 不要保存密码和敏感信息;读写需要 try/catch。file:// 下的存储行为不统一,正式验证使用 HTTP(S)
try {
localStorage.setItem("activeTab", tab.dataset.panel);
} catch (error) {
// 存储失败时,页面仍应可以切换。
console.warn("本次选择未保存", error);
}