E
CRX8
Redux DevTools (前端状态时光机)
官方正版源 开发者

Redux DevTools

👨‍💻 开发者:Zalmoxisus & Redux Team · ★ 4.8 (3200 条评价) · 👥 2,000,000+ 位用户 · 📦 版本 v3.1.6 · 💾 大小 2.85 MiB
🛡️ 权限安全指数
9.8/10
极佳安全 · 无敏感权限
💬 一句话定位:React / Redux 开发必备调试面板,支持 Action 追踪与状态时间旅行

📖 概述与深度评测

中文精编实测

🎯 解决什么核心痛点?

复杂 React 单页应用的状态流转黑盒难查,当某个数据异常变化时,很难排查究竟是哪个组件在哪个时机 dispatch 了错误的 Action。

✨ 核心功能特性拆解

  • ● ✅ 全生命周期捕获应用派发的所有 Action 与 Payload 数据变化
  • ● ✅ 支持时间旅行 (Time Travel):随时前进、后退、重放历史状态变更
  • ● ✅ 状态快照 Diff 可视化,直观高亮每次状态变更的具体字段
  • ● ✅ 支持导出与导入完整状态轨迹,快速复现难以捉摸的线上 Bug

👍 实测突出优势

  • ✓大幅降低大型前端项目状态调试难度,是现代前端工程师标配
  • ✓内存占用克制,生产构建关闭扩展后零运行时开销
  • ✓支持自定义过滤高频 Action(如心跳日志)

👎 局限与注意事项

  • !界面专业性较强,初学者需要先熟悉 Redux 核心概念

🛡️ 权限信息与隐私安全审计 (1 项权限)

Manifest V3 静态代码扫描通过

以下权限直接提取自 Redux DevTools (前端状态时光机) 官方安装包内的 manifest.json 声明文件:

storage 保存调试面板偏好设置与过滤规则
高危权限

⚖️ 同类插件横评对比:该选哪一个?

🆚 对比 Vue.js devtools

Vue 生态官方状态管理与组件树调试工具

🆚 对比 React Developer Tools

聚焦于 React 组件树层级与 Props/Hooks 状态审查

💯 常见问题与离线安装排错 (FAQ)

Q:为什么打开 DevTools 看不到 Redux 选项卡?

A:请检查项目中的 store 配置是否已接入 window.__REDUX_DEVTOOLS_EXTENSION__ 或 redux-devtools-extension 增强器。

Q:离线安装时提示 [程序包无效:CRX_REQUIRED_PROOF_MISSING] 怎么办?

A:这是新版 Chrome/Edge 针对离线拖拽 .crx 的安全限制。最简单的解决办法是:直接点击本页顶部的 「📦 下载 .ZIP 免转换包」,将其解压为一个普通文件夹,然后在浏览器打开 chrome://extensions 开启右上角「开发者模式」,点击左上角「加载已解压的扩展程序」选中该文件夹即可 100% 成功安装!

💬 用户评价与实测留言 (0)

免登录直接分享您的真实使用体验
🔥 本站极客实测反馈 (0)

暂无社区留言,快来抢占第一个沙发吧!

✍️ 发表您的实测评价 已为您自动分配极客身份与专属萌宠头像

🎖️ 开发者收录与安全认证徽章 (GitHub Badge)

欢迎将该扩展的实时安全评级徽章嵌入您的 GitHub README 或博客文章中:

CRX8 Badge
[![CRX8 安全认证 9.8/10](https://crx8.com/badge/redux-devtools.svg)](https://crx8.com/ext/redux-devtools)