Redux DevTools显示无关历史记录,如何配置仅展示目标URL应用的动作?
解决Redux DevTools显示无关历史记录的问题
可以通过Redux DevTools的配置来实现仅展示当前应用URL相关的动作,具体方法如下:
方法1:通过DevTools扩展UI设置实例过滤
- 打开Redux DevTools面板,点击顶部的齿轮图标进入「Settings」
- 在「Instance」选项区域,选择对应当前应用URL的实例标识
- 勾选「Auto-select instances for current tab」,让DevTools自动聚焦当前标签页的应用实例,忽略其他页面或浏览器自身的动作
方法2:在Redux Store配置中指定唯一实例名
创建store时为你的应用设置专属名称,让DevTools仅识别该实例:
import { configureStore } from '@reduxjs/toolkit'; const store = configureStore({ reducer: yourRootReducer, devTools: { name: '你的应用专属名称', // 比如"MyApp"或当前页面路径 }, });
方法3:手动过滤无关动作
如果仍有浏览器相关动作出现,可使用DevTools的过滤功能:
- 点击面板顶部的「Filter」按钮
- 在输入框中设置过滤规则,直接排除包含Chrome前缀(如
chrome.*)的动作类型
内容的提问来源于stack exchange,提问作者Lilit Mazmanyan
相关产品推荐
相关产品推荐

