如何修复Microsoft Edge开发者工具中Local Storage无法显示的问题？

1. 强制清除异常Local Storage键值 #

计数器溢出大概率写入了超出工具解析范围的异常值，打开Edge控制台（F12）执行以下命令，遍历并删除可能的异常项：

for(let i = 0; i < localStorage.length; i++) {
  const key = localStorage.key(i);
  try {
    const value = localStorage.getItem(key);
    JSON.parse(value);
  } catch(e) {
    localStorage.removeItem(key);
    console.log(`已删除异常键: ${key}`);
  }
}

执行后刷新开发者工具的Local Storage面板，验证是否恢复正常。

2. 重置开发者工具默认设置 #

开发者工具配置可能因异常数据损坏：

• 打开Edge开发者工具，点击右上角设置图标（⚙️）
• 滚动至页面底部，点击恢复默认值并重新加载
• 重启开发者工具后检查Local Storage面板功能

3. 精准清理Blazor调试站点的存储数据 #

针对问题源头站点单独清理：

• 打开Edge设置 → 隐私、搜索和服务 → 选择要清除的内容 → 勾选Cookie和其他网站数据
• 点击选择特定网站，找到你的Blazor调试站点，删除其所有存储数据
• 重启浏览器后测试工具功能

4. 重置Edge用户配置文件 #

若全局异常由用户配置文件损坏导致：

• 打开Edge右上角用户头像 → 管理配置文件 → 添加配置文件
• 在新配置文件中打开开发者工具，测试Local Storage面板是否正常
• 若功能恢复，可逐步迁移旧配置的书签等内容至新配置

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