跳到主要内容
Zustand DevTools

Zustand DevTools EN

Shivaji Surwase · Firefox

Inspect and debug Zustand state stores in real-time with powerful developer tools. View state snapshots, track actions, analyze state changes, and use time-travel debugging to simplify debugging and improve development workflow.

33用户 v1.13.0当前版本
前往 Firefox 商店
权限提示 该扩展申请访问所有网站（<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。

截图

  • Zustand DevTools 截图
  • Zustand DevTools 截图
  • Zustand DevTools 截图
  • Zustand DevTools 截图
  • Zustand DevTools 截图

简介

🚀 Inspect and Debug Zustand State Stores in Real-Time

A powerful developer tool for monitoring, debugging, and managing Zustand stores with an intuitive and modern interface.

✨ Features

🔍 Real-Time State Inspection
Instantly view and monitor Zustand store data as your application updates.

🧠 State Snapshots
Capture and inspect complete state snapshots at every action dispatch.

⚡ Action Tracking
Track all dispatched actions with timestamps for easier debugging and workflow analysis.

⏪ Time-Travel Debugging
Move backward and forward through state history to reproduce and debug issues effortlessly.

📦 Multiple Store Support
Manage and inspect multiple Zustand stores from a single dashboard.

🧾 Raw JSON Viewer
View the complete raw JSON state for deep debugging and data verification.

📊 State Difference Viewer
Quickly compare state changes with an easy-to-read diff panel.

📈 State Charts & Visualization
Visualize state transitions and updates for better understanding of application flow.

⏱ Performance Timer
Measure action execution timing and identify slow updates or bottlenecks.

🔎 Advanced State Search & Filtering
Quickly filter stores and search state values in real-time.

🎨 Clean & Developer-Friendly UI
Modern dark theme with a distraction-free debugging experience.

🛠 Built for Developers
Designed to simplify Zustand debugging, improve productivity, and speed up issue resolution.

Zustand DevTools 是做什么的

Zustand DevTools 是一款面向 Firefox 的开发者工具类扩展，主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是：Inspect and debug Zustand state stores in real-time with powerful developer tools. View state snapshots, track actions, analyze state changes, and use time-travel debugging to simplify debugging and improve development workflow.在Firefox 附加组件商店（AMO）上，它当前版本 1.13.0，约 33 名用户。

适合什么人用

从功能定位看，Zustand DevTools 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。

怎么安装 Zustand DevTools

  1. 打开Firefox 附加组件商店（AMO）上的官方页面；
  2. 点「添加到浏览器」并确认权限提示；
  3. 装好后在扩展列表里固定图标，方便随时开关。

本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。

常见问题

Zustand DevTools 是免费的吗？

Zustand DevTools 在Firefox 附加组件商店（AMO）免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。

Zustand DevTools 安全吗？

它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。

Zustand DevTools 支持哪些浏览器？

当前收录的版本来自Firefox 附加组件商店（AMO），适用于 Firefox。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。

怎么卸载 Zustand DevTools？

在扩展管理页找到 Zustand DevTools，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。

权限清单 来自 manifest.json 原文

站点访问 1

  • <all_urls>

接口权限 4

  • activeTab
  • devtools
  • storage
  • tabs

标签 点标签看同类扩展

Zoom 会议 下载增强 安全加固 搜索增强

同类工具

同样带「Zoom 会议」标签的扩展

查看全部 ›