用途:在 chrome-use 中检查 React 应用并测量 Web Vitals。适用于任意 React 应用,如 Next.js、Remix、Vite+React、CRA、TanStack Start、React Native Web 等。
主要能力:react tree 查看组件树;react inspect <fiberId> 查看 props、hooks、state 与源码位置;react renders start 开始记录重渲染,react renders stop 打印渲染剖析;react suspense 列出 Suspense 边界及分类器,可加 --only-dynamic;vitals [url] 测量 LCP/CLS/TTFB/FCP/INP 与水合;pushstate <url> 进行 SPA 导航并自动探测 Next 路由。
必要用法:react 系列命令需在启动时通过 --enable react-devtools 安装 React DevTools 钩子,例如: chrome-use open --enable react-devtools http://localhost:3000 chrome-use react tree 若不启用该选项,react … 命令会报错。vitals 和 pushstate 不依赖框架,可在任意站点使用。
限制:未提供收费、价格、平台支持范围等更多信息。