Skip to content

大家好,我是农村程序员,独立开发者,行业观察员,前端之虎陈随易。

如果本文能给你提供启发或帮助,欢迎动动小手指,一键三连 (点赞评论转发),给我一些支持和鼓励,谢谢。


笔者有个习惯,那就是软件能用最新的,那就绝不用旧的。

但这次,经历了2天的痛苦与折磨后,我妥协了,亲手把最新的版本降到了半年前的版本。

没错,这个软件就是 微信小程序开发者工具

为了让大家了解一下我到底遇到了什么样的问题,我又重新安装了最新版本,重回到事故现场,给大家演示一下屎是多么得难吃。

最新版本

版本列表

这是微信开发者工具的最新版本,更准确的说,是 24年9月之后 的版本。

这个版本的开发者工具,元素的调试功能,极其难用,难用,难用!

难用到什么程度呢?一个组件的弹框,我想把背景改成白色,找了2天,硬是没找到元素在哪里。不是我看不见,而是它真的不显示啊,老天爷。

尤其呢,请看图中标记 (1) 处,提示我打钩可以把 Shadow-root 隐藏,但是根本点击不了,击不了,不了,了!

Composed无法勾选

我到微信开发者吐槽社区一搜,果然有人早已遇到这个问题。

我是第一个评论的

往下一看,给我气笑了,我居然是这个问题下第一个评论的,24年12月我回复了这个问题,25年4月份,回旋镖又击中了我。

有朋友建议我用 H5 模式在浏览器调试,但按照我这偏执的性格,那必然是不达目的不罢休,好家伙,区区一个工具,还治不了你了。

正所谓,君子吃瘪不过三。

浏览器调试面板的设置

按照常理来说,浏览器发者工具本身的设置面板,是有一个 元素(Elements) 设置的,可以自己主动勾选是否要显示成 Shadow 模式。

微信开发者工具没有Elements

而打开微信开发者工具的设置一看,好家伙,我直呼好家伙,这工具,它不按常理出牌啊。

why?

这玩意被直接隐藏了,破大防。

破防了

正在我懵逼的时刻,我想起了我的几位代码助理,分别是 DeepseekKimiGeminiCopilot 等等。

我一番求索,上穷碧落下黄泉,两处茫茫皆不见。

事是这么个事,但始终找不到答案。

社区的答案

最终呢,兜兜转转,又回到了微信开发者吐槽社区,在一个小小的角落里,发现了一丝端倪。

调试回到正轨

在安装了2024年9月份的版本后,我终于能像个正常人一样调试了,再也不用大海捞针了。

而且,2024年9月份的版本,距离最新的稳定版,也只相隔了 4 个版本,也就是说,这是一个相对较新,又能正常调试的版本。

官方下载地址是这个:https://sourl.cn/vYqyf7,有需要的朋友请拿走。

这个世界,需要一些较真的人,也需要一些热爱分享的人。

如果这篇文章帮到了你,不妨动动发财的小手,点个大大的赞吧~。

何以解忧,唯有代码。不忘初心,方得始终。