盘点微信开发者工具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 界面的调整,期待后续更多功能。

相关推荐
gAlAxy...20 小时前
IntelliJ IDEA 四种项目构建:从普通 Java 到 Maven Web 项目
前端·firefox
my一阁20 小时前
2025-web集群-问题总结
前端·arm开发·数据库·nginx·负载均衡·web
会飞的小妖20 小时前
个人博客系统(十一、前端-简短的配置)
前端
胡桃姓胡,蝴蝶也姓胡20 小时前
Rag优化 - 如何提升首字响应速度
后端·大模型·rag
念念不忘 必有回响21 小时前
nginx前端部署与Vite环境变量配置指南
前端·nginx·vite
JIngJaneIL1 天前
篮球论坛|基于SprinBoot+vue的篮球论坛系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·篮球论坛系统
程序猿阿伟1 天前
《首屏加载优化手册:Vue3+Element Plus项目提速的技术细节》
前端·javascript·vue.js
紫荆鱼1 天前
设计模式-命令模式(Command)
c++·后端·设计模式·命令模式
编码追梦人1 天前
深耕 Rust:核心技术解析、生态实践与高性能开发指南
开发语言·后端·rust
fruge1 天前
Vue Pinia 状态管理实战指南
前端·vue.js·ubuntu