盘点微信开发者工具V1和V2的区别

大家好,我是农村程序员,独立开发者,行业观察员,前端之虎陈随易。我会在这里分享关于 独立开发编程技术思考感悟 等内容,欢迎关注。

技术群与交朋友请在个人网站联系我,网站 1️⃣:chensuiyi.me,网站 2️⃣:me.yicode.tech

如果你觉得本文有用,一键三连 (点赞评论转发),就是对我最大的支持~


2025年7月25日,微信开发者工具发布了 v2.01 开发版 (不是正式版哦)。

这引起了我这个 编程记者 的好奇,于是把这个分享到几个技术群里,大家还挺感兴趣的,但官方那寥寥几句更新日志,也看不出具体更新了什么。

所以呢,作为一个热衷于给大家分享最新,最有用的技术资讯的博主,有必要把更新详情给大家详细分析一下。

👆 微信开发者工具 v1.06

👆 微信开发者工具 v2.01

以上分别是 v1.06v2.01 的整体截图,接下来我们来具体了解哪些地方改动了,是更好用了还是更难用了。

以下为个人电脑测评,不代表所有人的情况。

最小宽度增加

v1 版本,鼠标拖动边框时,最小可以拖动到屏幕大概 2/5 的宽度。

v2 版本,鼠标拖动边框时,最小可以拖动到屏幕大概 3/5 的宽度。

顶部高度和布局调整

这是最明显,最直观的变化,同时也是很多人容易吐槽的地方,毕竟习惯了之前的布局,现在这么一大改,多多少少有点别扭。

我刚下载也觉得不习惯,用了2天就发现,哎,有点东西。

首先,顶部高度降低,对于我这种笔记本用户,或者一些屏幕比较小的开发者来说,左侧的模拟器基本就能完全展示,不用缩放,也没有滚动条了。

其次,工具按钮的位置,保留了 小程序模式预览真机调试 在顶部,条件编译编译清理缓存 放到模拟器的右上角。

整体来看,这部分改动呢,我觉得非常好,占用空间更小,操作更便捷。

模拟器操作置底

模拟器的相关操作,从模拟器的上方移动到了模拟器的下方。

说实话,放到下方好看是好看,但布局不够紧凑,占用了可用空间,有点花里胡哨的感觉。

其他

以防有朋友不知道,在调试的时候,记得把 Composed 打钩。

这样就不会显示烦人的 shadow-root,更便于我们调试界面效果。


这就是本次更新内容,正如官方日志所说,最大的改动就是 UI 界面的调整,期待后续更多功能。

相关推荐
阿虎儿23 分钟前
React Context 详解:从入门到性能优化
前端·vue.js·react.js
神奇小汤圆38 分钟前
金三银四Java面试题及答案汇总(2026持续更新)
后端
颜酱1 小时前
理解二叉树最近公共祖先(LCA):从基础到变种解析
javascript·后端·算法
Sailing1 小时前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试
神奇小汤圆1 小时前
加了 limit 1,查询竟然变慢了?
后端
Java水解1 小时前
SpringBoot3全栈开发实战:从入门到精通的完整指南
spring boot·后端
Java水解1 小时前
Java 中间件:Dubbo 服务降级(Mock 机制)
java·后端
喝水的长颈鹿1 小时前
【大白话前端 03】Web 标准与最佳实践
前端
千寻girling1 小时前
一份不可多得的 《 Python 》语言教程
人工智能·后端·python
南风9991 小时前
Claude code安装使用保姆级教程
后端