JavaScript localStorage调用返回null，如何排查修复？

以下是排查和解决的具体步骤：

• 检查浏览器隐私模式限制：Chrome、Safari等浏览器的无痕/隐私模式会限制甚至禁用localStorage，切换到普通模式再测试代码。
• 确认执行环境的存储权限：在浏览器设置中查看当前站点的存储权限是否被禁止，确保允许该站点使用本地存储。
• 排查存储容量是否已满：localStorage默认上限约5MB，若已占满，setItem会静默失败。可在控制台执行localStorage.length查看已存储的键数量，或JSON.stringify(localStorage).length查看占用字节数，确认是否超限。
• 排除脚本干扰：先在控制台单独执行localStorage.setItem('message', 'hi')，再手动执行localStorage.getItem('message')，看是否能正常获取。若单独执行正常，说明页面其他脚本可能在两次操作之间删除了该键或篡改了localStorage方法。
• 重置浏览器存储：清除当前站点的缓存和存储数据，重启浏览器后重新测试，排除存储异常导致的问题。

内容的提问来源于stack exchange，提问作者pietro ceresa