在线工具站

把「微信小程序开发者工具」
装进浏览器,打开就能调

代码编辑、真机预览、性能面板、包体分析四件事集中在一屏。不用来回切窗口,改完即调试,调试完即看数据。

4 类核心面板
1 秒热更新反馈
0 安装浏览器直达
开发者在小程序工具界面中调试代码的场景
核心功能

四个面板,覆盖从写代码到看数据

每一项都直给结果,不做多余步骤。点开即用,用完即走。

真机预览与调试

扫码同步到手机,日志、网络请求、Storage 一并回传,问题当场定位。

51cgg45.com →

性能面板

渲染耗时、首屏时间、内存曲线实时呈现,卡顿点直接标红,不用猜。

教母goodman短剧 →

包体分析

主包、分包体积一览,图片与依赖按占比排序,超标项一眼可见。

实习建议60字 →

异常聚合

报错按类型归并,重复堆栈自动折叠,先看高频项再逐条处理。

查看常见问题 →
使用流程

三步进入调试状态

没有注册墙,不需要配置环境变量,打开页面就能往下走。

导入项目

粘贴项目目录结构或上传配置文件,工具自动识别页面与组件入口。

选择面板

按当前任务进入编辑、真机、性能或包体面板,其余面板保持后台待命。

调试并导出

问题修好后导出日志与性能记录,便于复盘与交付评审。

FAQ

常见问题

高频疑问集中在这里,先看再问更快。

工具需要安装客户端吗?

不需要。本站在浏览器内运行,打开页面即可编辑与调试;真机预览通过扫码建立连接,不依赖本地安装包。

支持哪些类型的项目?

面向标准小程序项目结构,识别 app.json、页面目录与自定义组件。混合框架项目建议先做结构检查再导入。

真机调试连不上怎么办?

先确认手机与电脑处于同一网络,再检查扫码是否过期。若仍失败,换用性能面板的轻量预览模式验证代码本身是否正常。

包体分析的数据从哪里来?

基于导入的项目文件实时计算结果,包含主包、分包与静态资源,按体积占比排序展示,不读取线上数据。

日志与快照会被保存吗?

仅在当前会话内保留,刷新页面即清空。需要留档请使用导出功能自行保存,本站不做后台持久化。

更新日志

近期变更

只记录影响使用体验的改动。

v2.6 最近更新

性能面板新增首屏分段耗时,渲染曲线支持缩放查看。· 包体分析补充分包占比排序

v2.5 优化

真机预览连接稳定性提升,弱网下日志回传不再丢帧。· 编辑区语法高亮响应更快

v2.4 新增

上线异常聚合面板,重复堆栈自动折叠为一条。· 项目快照支持一键分享

v2.3 修复

修复移动端单列布局下 FAQ 展开跳动的问题。· 调整卡片 hover 过渡时长