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

相关推荐
Victor3564 分钟前
MySQL(170)如何使用MySQL的性能模式(Performance Schema)?
后端
墨菲安全4 分钟前
NPM组件 @0xme5war/apicli 等窃取主机敏感信息
前端·npm·node.js·主机信息窃取·npm恶意包·npm投毒
Komorebi_99995 分钟前
vue create 项目名 和 npm init vue@latest 创建vue项目的不同
前端·vue.js·npm
好好研究3 小时前
使用JavaScript实现轮播图的自动切换和左右箭头切换效果
开发语言·前端·javascript·css·html
paopaokaka_luck4 小时前
基于Spring Boot+Vue的吉他社团系统设计和实现(协同过滤算法)
java·vue.js·spring boot·后端·spring
Flobby5295 小时前
Go语言新手村:轻松理解变量、常量和枚举用法
开发语言·后端·golang
Warren986 小时前
Java Stream流的使用
java·开发语言·windows·spring boot·后端·python·硬件工程
程序视点7 小时前
IObit Uninstaller Pro专业卸载,免激活版本,卸载清理注册表,彻底告别软件残留
前端·windows·后端
xidianhuihui7 小时前
go install报错: should be v0 or v1, not v2问题解决
开发语言·后端·golang
前端程序媛-Tian7 小时前
【dropdown组件填坑指南】—怎么实现下拉框的位置计算
前端·javascript·vue