StateViz Chrome扩展程序
StateViz 是一个通用的 Chrome 扩展程序,旨在可视化 Web 应用程序中的数据流。它支持各种库,如 React、Svelte,并承诺会支持更多库。该扩展程序提供多库支持,允许用户同时检查使用不同库构建的应用程序。它提供了应用程序结构的详细可视化,包括组件、DOM 元素以及像 Svelte 块这样的特定于库的元素。
用户可以检查实时组件数据,包括 props、state,以及针对 React 的上下文和 hooks 等库特定细节。StateViz 还具有元素过滤器,以仅显示所需元素,DOM 元素高亮显示以实现高效导航,并为用户提供了浅色和深色模式供选择。虽然需要权限来访问应用程序树,但该扩展程序不会远程传输数据,并且完全开源托管在 GitHub 上。