Console 日志
保留日志级别与对象结构，JSON、数组和错误堆栈可以像 Chrome DevTools 一样逐层展开。
红糖云服开发工具
让跨端调试，
回到一个窗口。
红糖开发助手将 React Native、Electron 与 Web 应用的日志、网络请求和实时通信数据，汇入熟悉的 Chrome DevTools 工作台。
✓ 自动更新✓ 局域网配对✓ 插件版本检查
核心能力
常用调试信息，不再散落各处
数据统一映射到 Chrome DevTools Protocol，保留开发者已经熟悉的查看与筛选方式。
HTTP 请求
统一查看 Fetch、XHR、Axios 与 Node HTTP 的参数、Headers、状态、耗时和响应正文。
WebSocket 消息
按连接聚合生命周期与双向消息帧，清楚区分发送、接收、关闭和异常状态。
快速开始
三步连接，直接进入问题现场
- 01
安装桌面端
启动后自动选择可用局域网地址和端口，生成带连接凭证的二维码。
- 02
接入 Reporter
按项目类型安装 npm 插件。插件只旁路采集，异常不会进入业务调用链。
- 03
扫码或粘贴配置
应用连接后自动打开对应 Runtime，在 Console 与 Network 中开始排查。
多端接入
选择与你的运行环境匹配的插件
插件会自动上报自身包名与版本，桌面端统一判断兼容性，接入方无需维护版本声明。
Reporter
React Native
npm i @htyf-mp/devtools-react-nativeFetch · XHR · WebSocket · Console
Reporter
Electron 主进程
npm i @htyf-mp/devtools-electronNode HTTP/HTTPS · ws · Console
Reporter
Web
npm i @htyf-mp/devtools-webFetch · XHR · WebSocket · Console
为开发链路而设计
调试失败，不该成为业务故障
Reporter 的连接、序列化和采集逻辑均采用隔离保护；服务不可用、版本不匹配或网络中断时，业务功能仍可正常运行。
- 安全配对默认使用连接凭证，修改凭证会主动断开旧会话。
- 智能网络自动寻找可用端口，并处理 Windows 网卡与防火墙状态。
- 持续扩展统一协议与插件架构，为后续性能和组件调试保留空间。
现在开始
把调试信息放回它该在的地方
免费下载安装红糖开发助手，连接你的第一个 Runtime。