有人把小程序搬进了 Chrome 浏览器!
微信小程序开发者们,苦“微信开发者工具”久矣!卡顿、占内存、黑屏、UI 难用……每次调代码都要在编辑器和开发者工具之间来回切。
最近,GitHub 上一个狂揽 1.1k Stars 的开源项目 wxa-runner彻底打破了这一僵局!它竟然能直接在普通浏览器(如 Chrome)里,用微信官方基础库运行和调试小程序!
这意味着,你终于可以彻底摆脱开发者工具的束缚,像开发普通 Web 页面一样爽快地调试小程序了!
🛠️ 核心逆天功能
- AIDBAA" data-complete="true" data-processed="true">
- 真正的“真机级”渲染,绝非 H5 转换:它直接运行小程序的编译产物,底层的渲染、组件、setData、生命周期全部调用微信官方基础库,保证表现与真机完全一致,而不是像有些框架那样用 H5 重新实现。
- 天下武功唯快不破,原生 Chrome DevTools 调试:直接在 Chrome 里打断点、看网络请求、翻 DOM 树,完美支持热更新。保存代码的瞬间,浏览器自动刷新,丝滑得不像在开发小程序!
- 无需 UI 界面,Linux 服务器也能跑自动化(Playwright):支持对接 Playwright 进行 E2E 自动化测试。这意味着在 CI/CD 流程中,Linux 服务器不需要安装微信开发者工具,就能直接在无头(Headless)浏览器里跑完所有测试用例!
- 外挂般灵活:跳过登录、Mock 接口、直达任意页:
- 可以通过配置在 setup 里预置登录态、拦截请求或 Mock 原生 API,不用为了测试专门去改业务代码。
- 支持在 URL 后面直接带参数(如 ?path=pages/detail/detail&id=1),开发和测试可以直接定位到指定页面,再也不用手动一层层点进去了!
- 一键导出静态网页,给客户预览:支持“查看器”功能,你可以把不带源码的小程序转成静态站点部署出去,发给别人直接在浏览器里查看渲染效果、体验发帖、评论等操作。
📦 完美兼容主流框架
不管你习惯用什么武器开发小程序,它都能完美吃下:
- 原生微信小程序
- uni-app
- Taro
🚀 极速上手:一行命令启动
不需要复杂的配置,只需要全局或局部运行一行 npx命令,指向你的小程序目录或框架编译产物目录(例如 mp-weixin):
npx wxa-runner dev ./dist/dev/mp-weixin
启动后,直接在浏览器打开 http://localhost:3000 即可开始你的极速调试之旅!
💡 友情提示:它并不会完全替代微信开发者工具,最终的打包、预览、真机调试以及上架上传,依然需要用到官方工具,但在核心的本地开发、日常调试、自动化测试阶段,它能帮你省下大把的时间和头发!
👉 开源项目地址:open-wxa/wxa-runner
