如何清除Redux DevTools浏览器插件中的Actions历史记录？

方法一：插件界面手动清除 #

• 打开Redux DevTools面板，找到顶部工具栏的清除图标（多为垃圾桶或带叉的圆形样式），点击即可一键清空所有历史Actions记录。
• 也可以右键点击左侧「Actions」面板的空白区域，在弹出菜单中选择「Clear」选项完成清除。

方法二：快捷键快速清除 #

当Redux DevTools面板处于激活状态时，按下对应快捷键即可快速清除：

• Windows/Linux：Ctrl+Shift+L
• Mac：Cmd+Shift+L

方法三：代码层面配置自动清除（按需使用） #

如果需要在特定业务场景下自动清空记录，可以通过Redux DevTools的扩展API实现：

• 在创建store时配置触发逻辑：

const store = configureStore({
  reducer: rootReducer,
  devTools: {
    actionSanitizer: (action) => {
      // 监听自定义的清空action
      if (action.type === 'APP/CLEAR_REDUX_ACTIONS') {
        window.__REDUX_DEVTOOLS_EXTENSION__.send('CLEAR', '');
      }
      return action;
    },
  },
});

• 或者在需要的位置直接调用API：

// 任意需要清空的位置执行
window.__REDUX_DEVTOOLS_EXTENSION__.send('CLEAR', '');

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