如何在Chrome浏览器中清除/重置所有Redux数据

方法1：使用Redux DevTools内置重置功能（优先使用，操作最简便） #

多数人找不到清除入口是因为没点开扩展的隐藏菜单，操作路径如下：

• 打开当前开发的应用页面，按F12调出Chrome开发者工具，切换到Redux标签页
• 找到标签页顶部操作工具栏最右侧的三个竖点更多按钮，点击展开菜单
• 选择菜单中的Reset all state选项，点击后会直接将Redux Store重置为应用初始加载时的默认状态
  如果找不到该选项，先将Redux DevTools扩展更新到最新版本，早期版本确实没有内置重置入口。

方法2：针对开启了Redux持久化（redux-persist）的场景 #

如果刷新页面后损坏的Redux数据依然存在，说明项目配置了持久化方案，把状态存储到了浏览器本地存储中，按以下步骤清理即可，全程不会触碰浏览历史、保存的密码、其他站点的缓存数据：

• 打开Chrome开发者工具，切换到Application（应用）标签页
• 在左侧边栏找到Storage分类，不要直接点击全量清除站点数据按钮，根据项目使用的持久化存储类型对应清理：
  • 使用Local Storage存储：展开Local Storage项，选中当前本地开发对应的域名（通常为localhost:xxxx格式），右键选择Clear
  • 使用Session Storage存储：展开Session Storage项，选中对应开发域名后右键清空
  • 使用IndexedDB存储：展开IndexedDB项，找到redux-persist生成的对应数据库，右键选择Delete database
• 按Ctrl+Shift+R（Mac系统按Cmd+Shift+R）硬刷新页面，Redux就会恢复到完全干净的初始状态。

补充说明：如果项目没有配置Redux持久化，Redux状态本身是存储在页面运行内存中的，直接硬刷新页面就会清空内存中的状态，不需要额外操作。如果硬刷新后损坏状态依然存在，一定是配置了持久化逻辑将数据写入了本地存储，用方法2处理即可。

以上两种方法都不需要在业务代码中编写任何自定义清理逻辑，也不会清除Chrome中与当前应用无关的任何数据。

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